かずうの気まま日記

Frayed Photo by nyello8

あなたのブログに“はてなブックマーク”は付いていますか？

以前読んだエントリがずっと気になっていました。はてブがあると読者の興味数がわかる！



“はてなブックマーク”と“ブックマーク数”の設置と表示は色んな方に読んでもらうのにとても便利な指標となります。

今回はBlogger（ブロガー）で“はてなブックマーク”と“ブックマーク数”を設置する方法をご紹介します。

ではさっそく始めましょう。

ログインそしてHTML編集

1.ダッシュボードからデザインをクリックします。



2.デザイン > HTMLの編集 と進みます。



3.ウィジェットのテンプレートを展開にチェックを入れます。ここがポイントです！



4.下の枠内に表示されているHTMLタグから <div class='post-header-line-1'/> と言う文字列を探します。（Windowsの場合はCtrl+F、Macintoshの場合はcommand+Fで検索できます。）

それを以下の文字列に置き換えます。難しいことは考えずにそのままコピペ（コピー＆ペースト）してみてください。

<div class='post-header-line-1'> <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> </div>

画面上ではこんな感じとなります。

文字列の検索：

そのまんまコピペ：


5.最後に「テンプレートを保存」をクリック


6.するとブログのエントリタイトルの下に“はてなブックマーク”と“ブックマーク数”が表示されます。

Befor


After


これで完成です。


私のブログはBlogger（ブロガー）と言うレンタルブログサービスを使用しています。Googleのアカウントでそのまま使える言う単純な理由でこのブログサービスを選びました。

しかし使い勝手がいまひとつ悪かった。。。

と言うのもヘルプが英語だったり、何かカスタマイズしたいと思った時に検索をかけても良いノウハウがみつからない。日本ではユーザ少ないのかな？

上手くカスタマイズ出来ずにいたところ同じBlogger（ブロガー）で私のやりたいことをいとも簡単にやっている方がいたので教えていただきました。

それはtwitter知り合いのYuichi (@flavour47) さんです。ありがとうございました！

Yuichiさんのブログサイト
Yu_notes　


そしてYuichiさんがココを参考にするといいよって教えてくれたのがこのサイトでした。



Bloggerをお使いの皆さんも“はてなブックマーク”と“ブックマーク数”の設置と表示でアクセス数アップを目指しましょう♪

Kazwoo