ブログにGoogle Plusボタンを付けてみる

Google Plusコードを取得する
以下にアクセスする。
http://www.google.co.jp/webmasters/+1/button/
以下の画面で画像を選択する。


以下の画面でコードを取得する。


テンプレートへの貼付け
取得したコードの
<!-- この render 呼び出しを適切な位置に挿入してください -->
の部分をブログのテンプレートに貼り付ける。
こんな感じでBODYタグの終わりのすぐ上に貼り付ける。

<!-- この render 呼び出しを適切な位置に挿入してください -->
<script type="text/javascript">
  window.___gcfg = {lang: 'ja'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</body>
</html>

FC2のコードを挿入する
<!-- このタグを +1 ボタンを表示する場所に挿入してください -->
の部分にFC2のコードを挿入する。

<!-- このタグを +1 ボタンを表示する場所に挿入してください -->
<g:plusone href="<%topentry_link>"></g:plusone>

あとはブログの文章を書いている中で好きな箇所に入れてください。

流れ的にポチっと押していただければ幸い。