設置に当たって利用したサイトはこちら→プラスワンボタン
- サイズ:中
- 言語:日本語
- 詳細オプション内のURL:とりあえず「ゆーあーるえる」と入力
出来たコードがこちら
<!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'ja'}
</script>
<!-- 次のタグを +1 ボタンを表示する箇所に貼り付けてください -->
<g:plusone size="medium" href="ゆーあーるえる"></g:plusone>
赤字の部分はBloggerではexprで記述してあげないといけないので、以下のように変更します。
<g:plusone size="medium" expr:href='data:post.url'></g:plusone>
コメントアウトされたように記述を追加してあげればいいので、script記述を</head>タグの直前に、g要素を<div class='post-header-line-1'/>の直後に書き込みました。
「デザイン」→「HTMLの編集」→「ウィジェットのテンプレートを展開」にチェックを入れて、書き込みましょう。編集前にテンプレートをダウンロードして、バックアップすることをお忘れなく!
保存した結果がこちら。
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: 'ja'}
</script>
<g:plusone expr:href='data:post.url' size='medium'/>
よかったら+1していってください♪