スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

「最近の記事」に「はてなブックマーク数」を表示する

サイドバーの「最近の記事」に「はてなブックマーク数」を表示するカスタマイズをやってみました。前からホームページを作る人のネタ帳を見ていて、ちょっといいなと思っていたのです。まあブックマークされることはあまりないのですが、されなくても何も表示されないだけなので邪魔にはなりません。「最近の人気記事」みたいな感じで使えるのではないでしょうか?

最近のエントリを最近の人気エントリに変える

プラグインの設定→プラグインの管理から最近の記事(エントリー)を選びます。HTMLの編集を選ぶと下記のようなソースになっているはずです。

<ul>
<!--recent-->
<li &align>
<a href="<%recent_link>" title="<%recent_title>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>
<!--/recent-->
</ul>

これを下記のように書き換えます。

<ul>
<!--recent-->
<li &align>
<a href="<%recent_link>" title="<%recent_title>"><%recent_title><img src="http://b.hatena.ne.jp/entry/image/<%recent_link>" /></a>
</li>
<!--/recent-->
</ul>

これだけでOKです。成功していれば、このブログのサイドバーにあるようにブックマーク数が表示されているはずです。(このエントリを見る時期によっては、1個も表示されていないかもしれませんが。)

この改造だと投稿日が消えてしまっていますが、日付が付いていると「項目自体が長くなる」「ブックマーク数が表示されたときに見栄えが悪い」という点が気になったので削ってしまいました。(そもそも日付は不要ではないか、という考えもありました。)日付を残したい方は下記のようにどうぞ。

<ul>
<!--recent-->
<li &align>
<a href="<%recent_link>" title="<%recent_title>"><%recent_title> (<%recent_month>/<%recent_day>)<img src="http://b.hatena.ne.jp/entry/image/<%recent_link>" /></a>
</li>
<!--/recent-->
</ul>

非常に手軽な改造なので、少し変更するだけでLivedoorクリップやFC2ブックマークでも使えます。ソーシャルブックマークが気になる方は試してみてはいかがでしょうか。