NEXT | PAGE-SELECT | PREV

FC2ブログに「はてな」のブックマーク数を表示させる


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


20080904-hatena-img.png

最近、「はてな」からのリンクからのアクセスがいくつかありました。調べてみると、全エントリー合わせても5userですが、わざわざブクマして頂いた方がいらっしゃいました。そこで、今更ながらですがこのブログも「はてな」ブックマーク数を表示するようにブログを修正してみました。

というわけで大した内容でもないですが、FC2ブログで「はてな」ブックマーク数を表示する方法を、備忘録がてら書いておきます。





こちらとか幾つかのサイトを参照させていただきましたが、はてなブックマーク数を表示するにはimgタグで指定するだけで良いようです。サイズも3種類から選べるようですね

【サイズ標準】 20080904-hatena-normal.png
<img src='http://b.hatena.ne.jp/entry/image/normal/(対象のブログURL)' border=0 >
【サイズ大】 20080904-hatena-large.png
<img src='http://b.hatena.ne.jp/entry/image/small/(対象のブログURL)' border=0 >
【サイズ小】 20080904-hatena-small.png
<img src='http://b.hatena.ne.jp/entry/image/small/(対象のブログURL)' border=0 >

border=0にするのは、ブックマークがない(0)の場合1x1の透過PNGが表示されるため、見栄えがわるくなるのを防ぐためです。


FC2の場合はエントリーのURLにエントリー番号が入ります。このエントリー番号は105なので下記のようになります。

<img src='http://b.hatena.ne.jp/entry/image/normal/http://kenknown.blog42.fc2.com/blog-entry-105.html' border=0 >



毎回毎回imgタグを書くのは面倒なので、FC2ブログの「環境設定」-「テンプレートの設定」で<!-- エントリー -->より下の部分で好きなところに書き加えます。

20080904-template-setting2.PNG

<%topentry_link>がブログエントリーのURLになるようです(当たり前ですが、この部分はFC2特有ですね)

【画像だけ】
<img src="http://b.hatena.ne.jp/entry/image/normal/<%topentry_link>" border=0>
【リンク込み】
<a href="http://b.hatena.ne.jp/entry/image/normal/<%topentry_link>" border=0> <img src="http://b.hatena.ne.jp/entry/image/normal/<%topentry_link>" border=0> </a>

終わり


P.S.
はてなのブクマ数を表示させるとともに、ソーシャルブックマーク用のブログツールもついでに追加しました。
今まで「はてな」は余り好きではないので、使ってませんでしたが多少は食わず嫌いも治ってきたということでしょうかね。
あとどうでもいいですが、img src=http://b.hatena.ne.jp/images/users/large/09876.png なんて遊ぶこともできますね。




【関連記事】

●はてなの中の人が書いてる、経験に基づいたWebシステム運用の本だから、実用的でマジでオススメ。 システム管理者の人に
4774135666[24時間365日] サーバ/インフラを支える技術 ~スケーラビリティ、ハイパフォーマンス、省力運用 (WEB+DB PRESS plusシリーズ) (WEB+DB PRESSプラスシリーズ)
安井 真伸
技術評論社 2008-08-07

by G-Tools




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





このカテゴリの最新記事一覧


| ―HTML, JavaScript, Flash, JW FLV Player | 23時59分 | comments:0 | trackbacks:0 | TOP↑















非公開コメント

http://kenknown.blog42.fc2.com/tb.php/105-bd103780

≪ NEXT | PAGE-SELECT | PREV ≫