以前から、ブログにソーシャルブックマークアイコンでいろいろなソーシャルブックマークに一発追加ボタンを設置したいなーと思ってました。ブログツールなんかで、コード書くだけでいろんなソーシャルブクマに追加できるボタン設置とかあるんですが、デザイン的にどれもしっくりこない…という事で、自力で設置する事にしました。参考にしたのは、↓サイト様です。アイコンもこちらのサイト様から頂きました。

【備忘録】ソーシャルブックマークアイコンの設置 | 日刊ウェブログ式

ソーシャルブックマークのアイコンをブログに設置しましたので、備忘録として設置方法などを記録しておきます。

blosxom変数での設置コードを記録しておきます。

はてなブックマーク

<a href="http://b.hatena.ne.jp/my/add.confirm?url=$url$path/$fn.htm" target="_blank" title="はてなブックマーク"><img src="画像のURL" alt="はてなブックマーク" border="0" /></a>

はてなブックマークで何件ブクマされているか

<a href="http://b.hatena.ne.jp/entry/$url$path/$fn.htm" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/$url$path/$fn.htm" alt="はてなブックマーク - $title" title="はてなブックマーク - $title" border="0" /></a>

ライブドアクリップ

<a href="http://clip.livedoor.com/clip/add?link=$url$path/$fn.htm" title=$title jump="ref" target="_blank" title="livedoorクリップにブックマーク"><img src="画像のURL" alt="livedoorクリップにブックマーク" border="0" /></a>

Buzzurl

<a href="http://buzzurl.jp/entry/$url$path/$fn.htm" target="_blank" title="Buzzurlにブックマーク"><img src="画像のURL" alt="Buzzurlにブックマーク" border="0" /></a>

Google Bookmarks

<a href="http://www.google.com/bookmarks/mark?op=edit&bkmk=$url$path/$fn.htm&title=$title" target="_blank" title="Google Bookmarksにブックマーク"><img src="画像のURL" alt="Google Bookmarksにブックマーク" border="0" /></a>

delicious

<a href="http://del.icio.us/post?url=$url$path/$fn.htm&title=$title" target="_blank" title="deliciousにブックマーク"><img src="画像のURL" alt="deliciousにブックマーク" border="0" /></a>

blosxom starter kit使ってない人は、

$url$path/$fn.htm

↓ 下記に書き換えて下さい ↓

$url$path/$fn.html

単に、htm の部分を htmlにするだけです。以上。記録終わり。