2011年6月14日火曜日

bloggerの共有ボタン(Twitterのボタンや+1ボタン)が表示されないときの対処方法

bloggerでブログを書き始めてからそろそろ一年がたつわけですが、共有ボタンというものの存在を意識し始めました。
すでにブログには表示されていますが、私の環境では既定の設定方法では表示されませんでした。
それなりに困ったので解決方法を掲示します。
まず通常の設定方法で共有ボタンの設置を試みます。
それでも表示されなかったら、[デザイン]→[HTMLの編集]をクリックします。
[ウィジェットのテンプレートを展開]のチェックボックスをオンにします。
検索で
<p class='post-footer-line post-footer-line-3'>

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

<data:post.body/>
のいずれかを探して、その後に
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
を追加します。
追加したらテンプレートを保存すれば共有ボタンが表示されると思います。
共有ボタンには+1ボタンも含まれます。
ところが環境によってはやはり表示されないことがあるようです。
私の環境でも各記事で+1ボタンが表示されない不具合が出ました。

その場合上記と同様に検索し、
</head>
の前に
<script src='https://apis.google.com/js/plusone.js'/>
を追加し、テンプレートを保存すれば表示されるようになると思います。

参考にしたサイト
Official Sharing Buttons on Blogger

0 件のコメント:

コメントを投稿