Bloggerにも「Google+1 ボタン」を追加する方法 [Web Tips]

こんにちは、ソーシャルボタン好きのセイノです。

早速ですが「Google+1 ボタン」をこのブログにも設置してみました。
簡単ですが設置方法をメモしておきます。

設置方法

1. http://www.google.com/webmasters/+1/button/　にアクセスします。
2. 適宜、設定を変更します。このブログではサイズを中にしています。
3. 生成されたコードをコピーします。

タグの設置

<!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>
<!-- 次のタグを +1 ボタンを侮ｦする箇所に貼り付てください -->
<g:plusone size="medium"></g:plusone>

1. 取得した情報を元にタグを準備します。
2. Bloggerの『デザイン > HTMLの編集』 からウィジェットのテンプレートを展開をチェックします。
3. テンプレートの中から『<div class='post-header-line-1'>』を探します。
4. <div class='post-header-line-1'>この中にタグを記述します</div>

以上で設置完了です。30分も掛からないで設置可能ですので、そんなに難しくはないと思います。