2011/11/17

+1ボタンを設置しました。

Evernoteクリップ・Tweetボタン・はてブボタンに続いて、+1ボタンを設置しました。

設置に当たって利用したサイトはこちら→プラスワンボタン

  • サイズ:中
  • 言語:日本語
  • 詳細オプション内の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: &#39;ja&#39;}
</script>

<g:plusone expr:href='data:post.url' size='medium'/>


よかったら+1していってください♪



 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates
Related Posts Plugin for WordPress, Blogger...