ソーシャルブックマークを複数表示する「SBMブログパーツ」を作成

たくさんのソーシャルブックマークボタンを表示するブログパーツを作ってみました！きっかけはSeesaaブログの場合、「コンテンツ＞記事HTML」に独自のタグを追加するのですがソーシャルブックマークボタンを増やすにつれて再構築が重くなりエラーまで出てくる始末…。ということでJavaScriptでブックマークの登録ボタンを表示することにしました。ブログだけでなくホームページにも利用していただけると思います。

SBMブログパーツ
（↓こんな感じで表示されます）

ブログやホームページのサイドバー、記事の下に以下のタグを貼り付けてください！

<script type="text/javascript" src="http://blog-parts-navi.seesaa.net/image/bookmark.js" ></script>

ブログパーツを表示するためには、JavaScript が有効なブラウザが必要です。一応ご利用は自己責任ということでよろしくお願いします！

ダウンロードして使う場合
ホームページなどでJavaScriptをアップロードできる環境の方は以下の内容をお使いください。
<script type="text/javascript" src="http:/○○○.com/image/bookmark.js" ></script>
のような感じでhtmlに記述します。

bookmark.jsの内容↓

<!-- document.write(" <a href=\"javascript:window.open('http://b.hatena.ne.jp/append?'+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');undefined;\"><img src=\"http://blog-parts-navi.seesaa.net/image/hatena.gif\" alt=\"はてなブックマークに登録\" border=\"0\" width=\"16\" height=\"12\" /></a> "); document.write(" <a href=\"javascript:window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title), '_blank');undefined;\"><img src=\"http://blog-parts-navi.seesaa.net/image/yahoobookmark.gif\" alt=\"Yahoo!ブックマークに登録\" border=\"0\" width=\"16\" height=\"16\" /></a> "); document.write(" <a href=\"javascript:window.open('http://clip.livedoor.com/clip/add?link='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');undefined;\"><img src=\"http://blog-parts-navi.seesaa.net/image/cliplivedoor.gif\" alt=\"livedoor Clipに登録\" border=\"0\" width=\"16\" height=\"16\" /></a> "); document.write(" <a href=\"javascript:window.open('http://clip.nifty.com/create?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');undefined;\"><img src=\"http://blog-parts-navi.seesaa.net/image/niftyclip.gif\" alt=\"ニフティクリップに登録\" border=\"0\" width=\"14\" height=\"14\" /></a> "); document.write(" <a href=\"javascript:window.open('http://pookmark.jp/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');undefined;\"><img src=\"http://blog-parts-navi.seesaa.net/image/pookmark.gif\" alt=\"POOKMARKに登録\" border=\"0\" /></a> "); document.write(" <a href=\"javascript:window.open('http://bookmark.fc2.com/user/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');undefined;\"><img src=\"http://blog-parts-navi.seesaa.net/image/fc2.gif\" alt=\"FC2ブックマークに登録\" border=\"0\" width=\"16\" height=\"16\" /></a> "); document.write(" <a href=\"javascript:window.open('http://www.iza.ne.jp/bookmark/add/regist/back/'+escape(location.href), '_blank');undefined;\"><img src=\"http://blog-parts-navi.seesaa.net/image/iza.gif\" alt=\"イザ！に登録\" border=\"0\" width=\"16\" height=\"16\" /></a> "); document.write(" <a href=\"javascript:window.open('http://news.ecnavi.jp/config/add/confirm?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');undefined;\"><img src=\"http://blog-parts-navi.seesaa.net/image/buzzurl_bookmark.gif\" alt=\"Buzzurlに登録\"border=\"0\" width=\"21\" height=\"15\" /></a> "); document.write(" <a href=\"javascript:window.open('http://del.icio.us/post?v=4&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');undefined;\"><img src=\"http://blog-parts-navi.seesaa.net/image/delicious.gif\" alt=\"del.icio.usに登録\" border=\"0\" width=\"12\" height=\"12\" /></a> "); // -->

※追記
Seesaaでは2007年11月からソーシャルブックマーク機能が追加されました。 Seesaaで独自のHTMLを使っている方はこちらを参考にしてください。
→ 「ソーシャルブックマーク機能」をカスタマイズ

関連の記事
ブックマークしたサイトをブログに表示するBuzzurlのブログパーツ
19のソーシャルブックマークサービスに対応「Add Clips」
ソーシャルブックマーク登録数を表示できる「Oh!Fey mini 」

スポンサード リンク

| posted by nao at 2007/10/12 | Comment(2) | TrackBack(0) | seesaa カスタマイズ|

Comments

質問なんですがダウンロードして使ってもいいでしょうか？？
教えてください！

Posted by takayuki at 2007年12月01日 22:19

コメント有難うございます。
記事の内容を少し追加しました。ご自由に使っていただいて全く問題ないです。bookmark.jsの内容をコピーして使ってください。また何かありましたらコメントください。

Posted by 管理人nao at 2007年12月02日 00:42