2013年11月17日日曜日

[Blogger] 記事の下部にはてなブックマークボタンを表示する

以下のコードをテンプレートのフッター付近に入れるだけ。

<span class='hatena-bookmark'>
  <a expr:href='&quot;http://b.hatena.ne.jp/entry/&quot; + data:post.url' class='hatena-bookmark-button' expr:data-hatena-bookmark-title='data:post.title' data-hatena-bookmark-layout='simple-balloon' title='このエントリーをはてなブックマークに追加'>
    <img src='http://b.st-hatena.com/images/entry-button/button-only@2x.png' alt='このエントリーをはてなブックマークに追加' width='20' height='20' style='border: none;' />
  </a>
  <script type='text/javascript' src='http://b.st-hatena.com/js/bookmark_button.js' charset='utf-8' async='async'>
  </script>
</span>


テンプレートの編集画面はこんな感じ。選択部分が追加したコード。



記事の下部にこのように表示される。



ボタンをカスタマイズする場合はこちらから
はてなブックマークボタンの作成

参考にした記事:
Blogger記事に「はてなブックマーク」ボタンを設置する方法 - Asterlist
Bloggerの記事フッター部に「はてなブックマークボタン」を設置 - ブログの探求

0 件のコメント:

コメントを投稿

Related Posts Plugin for WordPress, Blogger...