March 05, 2005

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

[ Movable Type ]

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

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

b_entry00.gif

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

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

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

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

b_entry01.gif

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 の記事なんかだと、ボタンを押した先ではこんな感じでブックマークを確認することができたりします。

b_entry02.gif

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

Posted by naoya at March 5, 2005 02:21 PM | トラックバック (19)  b_entry.gif
トラックバック [19件]
TrackBack URL: http://mt.bloghackers.net/mt/suck-tbspams.cgi/1500
ココログメモ:このエントリを含むはてなブックマークボタン
Excerpt: NDO::Weblogに「Movable Type に「このエントリーを含むはて
Weblog: K's Diary @ cocolog
Tracked: March 5, 2005 04:28 PM
「このエントリーを含むはてなブックマーク」ボタンを表示
Excerpt: 鯵!にも、このボタンを設置しました。興味をもたれた記事がありましたら、
Weblog: 鯵!
Tracked: March 5, 2005 09:03 PM
はてなブックマーク
Excerpt: ブログのエントリにはてなブックマークへの登録ボタンを設置しました。 clip同様、気になる記事をまとめておくのに便利です。 はなてブックマークをお使いの方で...
Weblog: トーキョー・リアルライフ
Tracked: March 6, 2005 01:17 AM
はてなブックマークはブックマーカー(何)以外にも便利
Excerpt: ユーザとしては利用していないものの、ユーザ以外にとってもあれこれ便利な機能があるはてなブックマークの利用法と、ちょっとした要望。
Weblog: antipop2.0
Tracked: March 6, 2005 04:32 PM
ブックマークレットで「このエントリーを含むはてなブックマーク」
Excerpt:  MovableTypeで「このエントリーを含むはてなブックマーク」ボタンを表示するのに対し、ブラウザ側のブックマークレットで同じことをしようという試み。 Mo...
Weblog: N/A
Tracked: March 6, 2005 08:18 PM
はてなブックマークボタン設置
Excerpt: 上記エントリーの Movable Type 用コードののところを
Weblog: :: H & A :: blog
Tracked: March 7, 2005 04:22 PM
「このエントリーを含むはてなブックマーク」ボタンを表示
Excerpt: 「このエントリーを含むはてなブックマーク」ボタンを表示してみました。
Weblog: caramel*vanilla
Tracked: March 7, 2005 07:49 PM
はてなブックマークのTIPSに触発されて。
Excerpt: Movable Type に「このエントリーを含むはてなブックマーク」ボタンを表示する : NDO::Weblog こちらを見てエントリーを含むだけではおもしろ...
Weblog: みるくここあ
Tracked: March 8, 2005 01:20 AM
See you in Oregon @ OSCON 2005
Excerpt: Dear Dan, Congratulations! You have been accepted as a presenter for the O...
Weblog: 404 Blog Not Found
Tracked: March 9, 2005 06:11 AM
[J][SBM]Movable Type に「このエントリーを含むはてなブックマーク」ボタンを表示する
Excerpt: >< 単純にブックマークしてる人の数を返すやつって実装されないですかね。 [B!]マークの横に置くと何人ブックマークしてるかわかると便利だと思うので...
Weblog: ソーシャルブックマーク記事
Tracked: March 15, 2005 09:27 PM
[SUN] はてなブックマークボタン
Excerpt: blogの記事を「はてなブックマーク」に追加するボタンを加えました。NDO::...
Weblog: SUNDAY MORNING BLUE
Tracked: March 31, 2005 12:55 PM
「フロッグ!」へのサーチリンクを作ってみる
Excerpt: [N] ネタフルさんのエントリ、というよりも NDO::Weblog さんのエントリに刺激(?)されまして、「ソーシャルブックマークサイト フロッグ!」(flo...
Weblog: Hardcoded
Tracked: May 30, 2005 01:32 PM
Seesaaにはてなブックマークボタン
Excerpt:  はてなブックマークでは、はてなブックマークボタンというのが使えるそうです。  Movable Type に「このエントリーを含むはてなブックマーク」ボタンを表...
Weblog: 無料ブログでビジネスブログ
Tracked: May 30, 2005 03:58 PM
RSSリーダー対応&ソーシャル・ブックマーク対応
Excerpt: 実際にRSSリーダーを使うようになると、意外と人のブログのRSSリンクやRSSアイコンを見つけるのが難しい、ということがよく分かります。そうして見ると、このサイ...
Weblog: 風のまにまに号
Tracked: June 2, 2005 05:05 PM
”はてなブックマーク”ボタンを追加して見ました
Excerpt: Movable Type に「このエントリーを含むはてなブックマーク」ボタンを表...
Weblog: Studio-HYG
Tracked: June 13, 2005 12:36 AM
はてなブックマークボタン導入
Excerpt: はてなブックマークを利用しはじめたのもあって,blogのエントリーをはてなブック...
Weblog: HeavenWolf
Tracked: June 26, 2005 12:00 PM
Bookmarkボタンを設置!
Excerpt: 各エントリーページに「はてなブックマーク」への登録ボタンと「del.icio.us」への登録ボタンを設置してみました。 気になる記事なんかをまとめておくのに便利...
Weblog: blog@hnakamura.net
Tracked: July 18, 2005 08:38 PM
『はてな』に登録してみました
Excerpt: 読んで字の如く『はてな』に登録してみました。
Weblog: CEFA::Blog
Tracked: August 10, 2005 11:39 PM
サイトへ投げ銭の時代到来
Excerpt: 道ばたでギターを弾きながら歌うストリートミュージシャン、歩行者天国で芸を披露するストリートパフォーマー、内容が素晴らしければその気持ちを投げ銭としてギターケース...
Weblog: BananaBlog
Tracked: August 11, 2005 12:11 AM
コメント [3件]

Movable Typeの話ではなく、はてなブックマークそのものの話ですみません。
permalinkに # 以降を含められないようなのですが、これは仕様でしょうか。
具体的に言うと、

http://b.hatena.ne.jp/entry/http://www.hyuki.com/diary/200503#i20050302130000

というURLにアクセスすると、#i20050302130000は無視されるのは仕様でしょうか、
という話です。

[1] Posted by: hyuki at March 5, 2005 05:44 PM [返信]

# が無視されてしまうのはブラウザの仕様で、# が二番目の http ではなく1番目の http にかかってしまうからみたいです。

# を %23 に URI エンコードすれば ok です。

[2] Posted by: naoya at March 6, 2005 07:03 AM [返信]

こんばんわ!
先ほどTBもさせていただきました。
これを機会にはてなブックマークも積極的に利用しようかと思ったり…
でも他に利用してるSBMもあるし…
って感じですなのですが便利技どうもありがとうございました!

[3] Posted by: lomo at March 7, 2005 09:36 PM [返信]
コメントする









名前、アドレスを登録しますか?