google+1ボタンが利用可能になりました。これからどう普及していくかはわかりませんが、Bloggerでは簡単に追加できようなので追加してみました。
Bloggerにgoogle+1ボタンを追加するのはとっても簡単
非常に簡単です。１分でできます。
 |
| [デザイン][ページ要素][ブログの投稿]で[編集]を選択 |
 |
[共有ボタンを表示する]にチェックをいれて、任意の場所に配置 |
標準テンプレートを利用している方はこれだけでgoogle+1ボタンが設置できます。
ん？google+1ボタンが表示されない
どうも私の環境はカスタムテンプレートを利用しているせいか、上の手順だけではボタンが表示されません。
他のシェアボタンも表示されない
もともと[共有ボタンを表示する]にチェックをいれただけでは、他のシェアボタンすら表示されていなかったので、次のコードをテンプレートに追加して対応していました。
<b:include data='post' name='shareButtons'/>
ちなみに追加している場所は下のようにラベル用<span>の最後につけてます。ものすごく適当ですが。
<span class='post-labels'><b:if cond='data:post.labels'><data:postLabelsLabel/><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>
<b:include data='post' name='shareButtons'/></span>
テンプレートを編集する
というわけで、最初の手順で簡単にgoogle+1ボタンが表示できないのであれば、テンプレートを少し編集する必要があるようです。テンプレートの編集は下のようにします。
 |
| [デザイン][HTMLの編集][ウィジェットのテンプレートを展開] コードを追加して[テンプレートを保存] |
といっても、一行追加するだけで表示することができました。下の一行を<head>タグの直下に追加するだけです。
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
追加後は下のようになります。
<head><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
利用しているテンプレート次第ですが、いずれにしても簡単にgoogle+1ボタンは追加できるようなので、気軽に試してみてはいかがでしょうか。
