ページ

2010年10月22日金曜日

bloggerにHatenaブックマークのボタンを追加する

[したいこと・しりたいこと・目標]

bloggerにHatenaブックマークのボタンを追加する



[したこと]




(01)
はてな公式の設置方法で。
自分のブログに「↑B」「B!」アイコンを表示する
http://b.hatena.ne.jp/help/button#blogger

コードをコピーする。

(02)
アップロードした「B!」画像のURL を書き換える。
例えばPicasiaにアップロードしたappend.gif
http://b.hatena.ne.jp/images/append.gif



(03)
bloggerのHTMLを編集するタブを開き、ウィジェットのテンプレートを展開をチェックする。

テンプレートの編集画面で、以下のコードを探す。
<div class='post-footer-line post-footer-line-1'>

(04)
(03)で探したコードの下に、はてなブックマークのを表示するコードを追加する。


<span class='hatena-entry hatena-append'>
<a href="http://b.hatena.ne.jp/entry/add/&lt;$BlogItemPermalinkUrl$&gt;">
  <img src="http://b.hatena.ne.jp/images/append.gif" width="18" height="14" style="border: none;"
   alt="このエントリーをはてなブックマークに追加" title="このエントリーをはてなブックマークに追加" />
  </a>


(05)
プレビューで確認する。
テンプレートを保存する。

0 件のコメント:

コメントを投稿