2011年9月15日木曜日

Bloggerに「はてブへ追加」ボタンを追加する方法

Blogger、つまりこのブログへ「はてブへ追加」ボタンを追加したので方法をメモしておきます。


備忘録的に方法をメモ

  1. Bloggerの設定画面に行く
    (画面左側に色々とメニューの出ているアレ)
  2. 「テンプレート」をクリック
  3. 「HTMLを編集」をクリック
  4. 「続行」をクリック
  5. 「ウィジェットのテンプレートを展開」にチェックを入れる
  6. <b:includable id='shareButtons' var='post'>と書かれた行を探す。
    Ctrl+Fで検索すると早いかと思います。
  7. その下に<span class='hatena-entry hatena-append'> <a expr:href='"http://b.hatena.ne.jp/append?" + data:post.url'> <img align="absmiddle" alt="このエントリーをブックマークに追加" height="12" src="https://lh4.googleusercontent.com/proxy/2oIjPKXLLSLU3ARpPzGm1T3HpuiDWPo0kRGZtq1xEzvw-PvEKBwDxPfjAzccl07EPJzdQ-qqRSyugbc=s0-d" style="border: none;" title="このエントリーをブックマークに追加" width="16"></a> <a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.url'> <img align="absmiddle" alt="このエントリーを含むはてなブックマーク" expr:src="&quot;http://b.hatena.ne.jp/entry/image/&quot; + data:post.url" style="border: none;" title="このエントリーを含むはてなブックマーク"/></a> </span>
    をコピペ
  8. 「テンプレートを保存」で完了

これでブログエントリ下の方に「はてブへ追加」ボタンが出現しているかと思います。

参考にしたサイトはこちら


ちなみに

ソースを表示するために利用したタグは

<xmp>タグです。
不思議と<pre>タグは使えませんでした。リストの中で使ったからかな?

0 件のコメント:

コメントを投稿