Movable Type に「このエントリーを含むはてなブックマーク」ボタンを表示する

はてなダイアリーでは、各記事の見出しの横に「このエントリーを含むブックマーク」というボタンを表示させることができます。これにより、そのエントリーに対するブックマークについたコメントを一覧することができるし、ブックマークしてもらうための誘導を行うことができます。

このボタンを Movable Type にも表示してみました。エントリの終わりの Posted by naoya ... の行の最後にあります。これをクリックすると、各エントリーへのブックマークを見ることができます。

以下、このボタンをつける方法を紹介します。

まず、http://d.hatena.ne.jp/images/b_entry.gif からボタンの画像を保存します。ファイル名は b_entry.gif そのままでも ok です。この画像は、今回 blog に表示するときなど自由に使っていただいて構いません。

次に、Movable Type のメニューから画像をアップロードします。完了したらアップロードした画像の URL をメモ帳か何かに控えておいてください。

さて、ここから先はお決まりのテンプレート編集です。編集するのは Main Index と Individual Archives です。(最近のバージョンではメインページ、個別エントリーアーカイブ)です。

Main Index (メインページ) のテンプレートの書き換えですが、僕が表示している場所と同じでよければ、

...
</MTEntryIfAllowPings>
</p>
...

の間に、以下のように記述して保存してください。アップロードした画像のURL には、先にアップロードした画像のURLを指定します。なお、ここでは見やすくなるように追記する行を改行していますが、実際には改行をいれずに一行で記述してください。

...
</MTEntryIfAllowPings>
<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>">
<img src="アップロードした画像のURL" width="16" height="12" style="border: none;" 
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" />
</a>
</p>
...

以上を記述したら「保存」を押してテンプレートを保存します。Individual Archives (個別エントリーアーカイブ) も、手順やは Main Index の場合とほとんど一緒です。

あとは再構築を行えば完了です。これで、各エントリーページにブックマークアイコンが表示されるかと思います。

例えばちょっと前の Ajax の記事なんかだと、ボタンを押した先ではこんな感じでブックマークを確認することができたりします。

「このエントリーを含むはてなブックマーク」ボタン、どうぞご利用ください...はてなダイアリー日記風口調で締めてみました (笑)

Posted by naoya at March 5, 2005 02:21 PM | トラックバック (19)