ソーシャルブックマークに追加ボタン (びっぱーず.ねっとで働く中の人のブログ)  

« PHP×WebサービスAPIコネクションズ | メイン | IMに直接メッセージを届けるブログパーツ「Plugoo」を試してみた »

ソーシャルブックマークに追加ボタン

うちのブログにも各種ソーシャルブックマーク(SBM)に追加するためのボタンを設置しました。

で、以下のサイトさんの記事を参考にさせてもらいました。多謝ヽ(・∀・)ノ

WWW WATCH
俺的ラボラトリ
青龍会血風録

一応うちのソースも載せておきますね。MovableType用です。

CSS:


ul.sbm{
padding: 5px;
text-align: right;
}
li.sbm{
display: inline;
margin-left: 5px;
padding: 0px;
list-style-type: none;
}


貼り付けコード:


<ul class="sbm">
<li class="sbm"><iframe src="http://newsing.jp/newsingit?url=<$MTEntryPermalink$>&title=<$MTEntryTitle$>" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" height="18" width="122" style="margin:0;padding:0;"></iframe></li>
<br>
<li class="sbm"><a href="http://del.icio.us/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle$> (<$MTBlogName$>)"><img src="<$MTBlogURL$>img/delicious.gif" width="12" height="12" alt="このエントリーをdel.icio.usに追加する" title="このエントリーをdel.icio.usに追加する" /></a></li>
<li class="sbm"><a href="http://clip.nifty.com/create?url=<$MTEntryPermalink$>&title=<$MTEntryTitle$> (<$MTBlogName$>)"><img src="<$MTBlogURL$>img/nifty_add.gif" width="14" height="14" alt="このエントリをニフティクリップに追加" title="このエントリをニフティクリップに追加" /></a></li>
<li class="sbm"><a href="http://clip.livedoor.com/clip/add?link=<$MTEntryPermalink$>&title=<$MTEntryTitle$> (<$MTBlogName$>)"><img src="<$MTBlogURL$>img/ld_add.gif" width="16" height="16" alt="このエントリをLivedoor クリップに追加" title="このエントリをLivedoor クリップに追加" /></a></li>
<li class="sbm"><a href="http://bookmark.fc2.com/user/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle$> (<$MTBlogName$>)"><img src="<$MTBlogURL$>img/fc2_add.gif" width="16" height="16" alt="このエントリをFC2ブックマークに追加" title="このエントリをFC2ブックマークに追加" /></a></li>
<li class="sbm"><a href="http://news.ecnavi.jp/config/add/confirm?url=<$MTEntryPermalink$>&title=<$MTEntryTitle$>" target="_blank"><img src="<$MTBlogURL$>img/icon_pencil.gif" alt="このエントリーをECナビ人気ニュースに追加" border="0" height="12" width="12"></a></li>
<li class="sbm"><a href="http://pingking.jp/bookmark/?url=<$MTEntryPermalink$>&title=<$MTEntryTitle$>" target="_blank"><img src="<$MTBlogURL$>img/pingking.gif" alt="このエントリーをPingKingポッケに追加" border="0" height="12" width="12"></a></li>
<li class="sbm"><a href="javascript:(function(){var a=window,b=document,c=encodeURIComponent,d=a.open('http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk='+c(b.location)+'&title='+c(b.title),'bkmk_popup','left='+((a.screenX||a.screenLeft)+10)+',top='+((a.screenY||a.screenTop)+10)+',height=420px,width=550px,resizable=1,alwaysRaised=1');a.setTimeout(function(){d.focus()},300)})();" title="Add 'Google bookmark on Social Bookmarks Plugin' to Google"><img src="<$MTBlogURL$>img/googlebookmarklet.gif" title="このエントリーをGoogleBookmark に追加" alt="このエントリーをGoogleBookmark に追加"></a></li>
<li class="sbm"><a href="http://technorati.com/faves?add=<$MTEntryPermalink$>&title=<$MTEntryTitle$>" title="このエントリーをTechnorati に追加" target="_blank"><img src="<$MTBlogURL$>img/technoratibookmarklet.gif" alt="このエントリーをTechnorati に追加" border="0" height="16" width="16"></a></li>
<li class="sbm"><a href="http://pookmark.jp/post?url=<$MTEntryPermalink encode_url="1"$>&title=<$MTEntryTitle encode_url="1"$>" rel="nofollow" title="POOKMARK Airlinesへ追加"><img src="<$MTBlogURL$>img/pookmark.gif" width="18" height="16" alt="POOKMARK Airlinesへ追加" /></a></li>
<li class="sbm"><a href="http://bm.saaf.jp/bm/add?url=<$MTEntryPermalink encode_url="1"$>" rel="nofollow" title="Saafブックマークへ追加"><img src="<$MTBlogURL$>img/saaf.gif" width="16" height="16" alt="Saafブックマークへ追加" /></a></li>
<li class="sbm"><a href="http://www.choix.jp/bloglink/<$MTEntryPermalink$>" rel="nofollow" title="Choixへ追加"><img src="<$MTBlogURL$>img/choix.gif" width="16" height="16" alt="Choixへ追加" /></a></li>
<li class="sbm"><a href="http://www.furl.net/storeIt.jsp?t=<$MTEntryTitle encode_url="1"$>&u=<$MTEntryPermalink$>" rel="nofollow" title="Furlへ追加"><img src="<$MTBlogURL$>img/furl.gif" width="16" height="16" alt="Furlへ追加" /></a></li>
<li class="sbm"><a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=<$MTEntryPermalink$>&Title=<$MTEntryTitle encode_url="1"$>" rel="nofollow" title="Blinklistへ追加"><img src="<$MTBlogURL$>img/blinklist.gif" width="16" height="16" alt="Blinklistへ追加" /></a></li>
<li class="sbm"><a href="http://reddit.com/submit?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>" rel="nofollow" title="Redditへ追加"><img src="<$MTBlogURL$>img/reddit.gif" width="16" height="16" alt="Redditへ追加" /></a></li>
<li class="sbm"><a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink$>"><img src="<$MTBlogURL$>img/append.gif" alt="このエントリーをはてなブックマークする" title="このエントリーをはてなブックマークする" width="16" height="12" /></a></li>
<li class="sbm"><a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>"><img src="<$MTBlogURL$>img/b_entry.gif" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" height="12" width="16" /></a></li>
<li class="sbm"><a href="http://a.hatena.ne.jp/append?<$MTBlogURL$>"><img src="<$MTBlogURL$>img/a_append.gif" width="16" height="12" alt="このblogをはてなアンテナに追加" title="このblogをはてなアンテナに追加" /></a></li>
<li class="sbm"><a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>"><img src="http://b.hatena.ne.jp/entry/image/large/<$MTEntryPermalink$>" alt=" " border="0" /></a></li>
</ul>

  • このエントリーをはてなブックマークする
  • このエントリーを含むはてなブックマーク
  • このblogをはてなアンテナに追加
  •  
  • Yahoo!ブックマークに登録人が登録

  • このエントリーをdel.icio.usに追加する
  • このエントリをニフティクリップに追加
  • このエントリをLivedoor クリップに追加
  • このエントリをFC2ブックマークに追加
  • このエントリーをECナビ人気ニュースに追加
  • このエントリーをPingKingポッケに追加
  • このエントリーをGoogleBookmark に追加
  • このエントリーをTechnorati に追加
  • POOKMARK Airlinesへ追加
  • Saafブックマークへ追加
  • Choixへ追加
  • Furlへ追加
  • Blinklistへ追加
  • Redditへ追加
  • PixNewsへ投稿

トラックバック

このエントリーのトラックバックURL:
http://www.vippers.net/mt/mt-tb.cgi/18

この一覧は、次のエントリーを参照しています: ソーシャルブックマークに追加ボタン:

» Widget Manger にハマる 送信元 ブログパンツ☆WEB
WidgetMangerをいじいじしてみました。(´▽`) [詳しくはこちら]

コメント (39)

やりすぎ感が私のそれを上回っててステキです。
時間が空いたらかねてから追加しようと思っていた登録系のボタンと合わせて実装を試してみますね。

2: ませう:

>>矢野芳典さん
コメントありがとうございますw
ここまでやっちゃうともはや誰も押さないんじゃないかって感じもありますけど、やるなら1度にやっちゃった方が楽だったので勢いでとことんやってみました\(^o^)/

 自分のblogシステム用にいじってて気がついたのですが、いくつかのボタン(3つくらい?)で、blogのurlの変数を記述するべき場所がblogのタイトルの変数とかになってしまっている気がします。お確かめ下さい。

おかげさまで、さらに病気の進行した物を作ることが出来ました。
ボタンが数列並ぶと、そろそろやばさを感じてきますね。
http://neco.st/blog/archives/10.html

5: ませう:

>>矢野芳典さん
>blogのタイトルの変数とかになってしまっている気がします
( ;゚Д゚)アラヤダ それは失礼しましたー

ちょっと見てみます(`・ω・)ノ
わざわざご指摘ありがとうございます!

>病気の進行した物を
DEARSサイトの方に設置されたとの事でそちらも拝見しました~
たしかに複数段になっちゃうとだいぶインパクトありますよねw

でもそのやりすぎ感もまたタマラナイw

6: ませう:

>blogのタイトルの変数とかになってしまっている気がします

早速3箇所直してきましたーヽ(・∀・)ノ

7: :

urchin:biographer pattered:chiffon marketing handicapped.- Tons of interesdting stuff!!!

8: :

urchin:biographer pattered:chiffon marketing handicapped.- Tons of interesdting stuff!!!

9: :

urchin:biographer pattered:chiffon marketing handicapped.- Tons of interesdting stuff!!!

34: XirOykok:

City louisville ohio school
http://smellen.dreamstation.com/otbor ">City louisville ohio school

コメントを投稿

About

2006年12月05日 20:44に投稿されたエントリーのページです。

ひとつ前の投稿は「PHP×WebサービスAPIコネクションズ」です。

次の投稿は「IMに直接メッセージを届けるブログパーツ「Plugoo」を試してみた」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。

ブログパーツ



Ads