以前から、ブログにソーシャルブックマークアイコンでいろいろなソーシャルブックマークに一発追加ボタンを設置したいなーと思ってました。ブログツールなんかで、コード書くだけでいろんなソーシャルブクマに追加できるボタン設置とかあるんですが、デザイン的にどれもしっくりこない…という事で、自力で設置する事にしました。参考にしたのは、↓サイト様です。アイコンもこちらのサイト様から頂きました。
【備忘録】ソーシャルブックマークアイコンの設置 | 日刊ウェブログ式
ソーシャルブックマークのアイコンをブログに設置しましたので、備忘録として設置方法などを記録しておきます。
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にするだけです。以上。記録終わり。
Edit this entry... (webmaster only)





