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

Tech Add comments
このエントリーをはてなブックマークに追加

(この記事は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='http://b.hatena.ne.jp/images/append.gif' 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='"http://b.hatena.ne.jp/entry/image/" + data:post.url' style='border: none;' title='このエントリーを含むはてなブックマーク'/></a> </span>
    をコピペ
  8. 「テンプレートを保存」で完了

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

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


ちなみに

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

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

関連するエントリ

タグ: , ,
このエントリーをはてなブックマークに追加

Leave a Reply

Trackback URL

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS ログイン