前回のエントリー：
ブックマークボタンを設置しました

「del.icio.us があると俺が得をする」との電波を受信したので、「del.icio.us」のブックマークボタンも設置してみました。Bookmarkletによる登録よりも、ブログそのものがブックマークをサポートしてしまった方がユーザーに対する障壁は低いので、最低限のソーシャルブックマークサービスと連動させる形にしてみました。

「del.icio.us」は、海外のソーシャルブックマークサービスということで一寸ばかり敷居の高さを感じていたのですが、一度馴染んでしまえばこれがかなり勝手のいいシステムだと理解出来ます。「はてなブックマーク」とは言わば対を為す存在で、tag付けなどのブックマーク作法の違いから、「はてなブックマーク」では満たされない需要を汲み取るサービスとして、根強い人気があるようです。

「del.icio.us」へ登録する為の基本コードを例示。

<a href="http://del.icio.us/post?url=[記事のURL]&title=[記事のタイトル]">
<img src="ボタン画像のURL" width="16" height="16" alt="この記事を del.icio.us に登録" title="この記事を del.icio.us に登録" /></a>

これをMovable Typeに合わせて、実際に使用しているソースは

<a href="http://del.icio.us/post?url=<$MTEntryPermalink valid_html="1"$>&title=<$MTEntryTitle encode_html="1"$>">
<img src="ボタン画像のURL" width="16" height="16" alt="この記事を del.icio.us に登録" title="この記事を del.icio.us に登録" style="border: 0;margin: 0;padding: 0;vertical-align: middle;" /></a>

となっています。例によって、CSSの指定で表示が崩れてしまう場合があるので、画像を表示する<img>タグに

style="border: 0;margin: 0;padding: 0;vertical-align: middle;"

を追加。被ブックマーク件数の表示に関しては、APIは公開されているものの専用のURLが用意されていない為、何やら一手間掛ける必要があるらしく難儀。一先ず保留しています。