ぐぐたすで本格的に活動?するためにブログでできるコトinセカンドライフ(SecondLife)

このエントリーをはてなブックマークに追加

Google+に対応するために各ブログにソーシャルボタン設置

Google+で本格的?に遊ぶためにも?
カエル隊のブログもちゃんとソーシャルボタンなどを
完備せなあかんでしょぉっ!と思い立ちw
ブログテンプレートのカスタマイズを 仕方なく やってみたっ!
カエル隊で運営してるのは、FC2(ココ)本家カエル隊
Bloggerで「もうひとつのカエル隊」の2つだから

(まとめサイトはWordpressでやってるので
ソーシャルボタンはPlugInで実装済み…のハズw


GooglePlusだし!きっとBloggerのほぉが簡単!
と思ったんだけど、ちょぃとまんどかったぁ。
すでに、Bloggerのソーシャルボタン表示にしてる設定にしてたら、
それは「しない」にしてからソースを入れてね★

ちなみに「もうひとつのカエル隊」は表示設定になってたんだけど
元にしてるテンプレートのせいなのか?
長い事やってる間にBloggerがモバイル完全対応になったりのバージョンアップをしたせいか?
真偽はわかんないけどw
表示自体はされてなかったんだぉ・・・ (; ^ω^)

Bloggerへソーシャルボタン設置
(参考サイト:Bloggerへ各種ソーシャルボタンを各記事ごとに設置する方法)

<div class='post-footer-line post-footer-line-3'/>

<a class='twitter-share-button' data-count='horizontal' data-lang='ja' data-via='twitter@アカウント' expr:data-text='data:title + &quot;: &quot;+ data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=105&amp;height=21&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:105px; height:21px;'/>

<a class='hatena-bookmark-button' data-hatena-bookmark-layout='standard' data-hatena-bookmark-title=' + data:post.title' expr:href='&quot;http://b.hatena.ne.jp/entry/&quot; + data:post.url' title='このエントリーをはてなブックマークに追加'><img alt='このエントリーをはてなブックマークに追加' height='20' src='http://b.st-hatena.com/images/entry-button/button-only.gif' style='border: none;' width='20'/></a><script async='async' charset='utf-8' src='http://b.st-hatena.com/js/bookmark_button.js' type='text/javascript'/>
<script src='http://static.evernote.com/noteit.js' type='text/javascript'/><a expr:onclick='&quot;Evernote.doClip({providerName:\&quot;&quot; + data:title + &quot;\&quot;, title:\&quot;&quot; + data:post.title + &quot;\&quot;, url:\&quot;&quot; + data:post.url + &quot;\&quot;}); return false;&quot;' href='#'><img alt='Clip to Evernote' src='http://static.evernote.com/article-clipper.png'/></a>

<g:plusone expr:href='data:post.url' size='medium'/>

</div>

BloggerへGoogle+ボタンやソーシャルボタンを置いた

お次は本家カエル隊(ココ)
こっちは、「拍手」の表示とあわせて、
TwitterとFacebookのソーシャルボタンは管理画面の設定から設置できるんだけどw
その出力がまとめてコマンドで出力させるみたいなテンプレみたいだから
もうひとつのカエル隊とおんなじものをおんなじよぉに
一カ所でガスっと設置だぁーーーっ!
ってコトにして、下のとおりにやってみたぉ★
ちなみに、拍手を残してあるからw
その位置の違いなんかもチェックしてみてね♪

FC2へソーシャルボタン設置
(参考サイト:はてブ、Twitter、Facebook、Google+の各ボタンを横一列に並べる)

①<body>直下へ(Facebook用スクリプト)に挿入

<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

②表示域に挿入

※関連記事や広告の関係で拍手と同じ位置にG+のみ追加は難しいみたいなので、同列系として並べるには記事内の頭<div class="entry_body">直下に設定して、管理画面から配置を設定できる、FBボタン・ツイートボタンを非表示にするのがいいかも。

<div style="text-align:right;vertical-align:middle;height:auto;padding: 10px 0px;">

<a href="https://twitter.com/share" class="twitter-share-button" data-url="<%topentry_link>" data-text="<%topentry_title> - <%blog_name>" data-lang="jp" data-count="horizontal">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<div class="fb-like" data-href="<%topentry_link>" data-send="false" data-layout="button_count" data-width="130" data-show-faces="false"></div>

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" class="hatena-bookmark-button" data-hatena-bookmark-title="<%topentry_title> - <%blog_name>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://cdn-ak.b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><div class="g-plusone" data-size="medium" data-href="<%topentry_link>"></div>

</div>

FC2ブログにソーシャルボタンを並べた

ふ〜〜〜 (*´д`*)〜з
想定外に面倒だった・・・カモ?w

あ!そぉそぉ!
Google+でフォローしてもらって、セカンドライフのいろんな人とつながれるよぉにFC2ブログのプロフも変更しなきゃね★

Google+のバッチを入手

①まずはバッチを作るページへ行って →Google+ バッジ

②配置したい場所にあわせてバッチの形状を決めたら、そのコードをテンプレートにコピペ

FC2ブログのプロフィールをGoogle+にバージョンアップ

これでどぉだぁぁぁぁっ?w

関連記事
スポンサーサイト

Recommend







テーマ : Second Life
ジャンル : オンラインゲーム

参加ランキング:にほんブログ村 セカンドライフ

コメントの投稿

非公開コメント

カエル隊の中を検索
カエル隊最新記事
投稿記事カテゴリ
看板屋カエル隊プロフィール

看板屋カエル隊 まゆみ
カエル隊Google+まとめページ

 

mayumi Frog

ブログ開設当初はともかく!
現在は「看板屋」ナシで
「カエル隊」が
屋号的あだ名みたいな?
セカンドライフで遊ぶカエルでケロっ♪

About Us

まゆみの勝手な
セカンドライフ
イベントカレンダー

最新記事のお知らせは

最新記事のお知らせはtwitterで♪

リンク
最新コメント
最新トラックバック
お気に入りイロイロ
てきとぉなお気に入りリンク集♪ (順番もてきとぉ)


RSSリンクの表示
看板屋カエル隊QRコード
QR
月別アーカイブ
ブロとも申請フォーム

この人とブロともになる

サイトマップ

全ての記事を一覧表示する

Gallery