WordPressメモ

前回の投稿で「はてなブックマークボタンを表示する方法」を載せましたが、それ以外のソーシャルブックマークの追加ボタンを表示する方法について調べたので、こちらにまとめておきます。

↑タイトルの上に表示されているようなボタンを作ります♪クリックすると各ソーシャルブックマークに追加されます♪

1. まず、ボタン各画像「右クリック＞名前を付けて画像を保存」でダウンロードし、それぞれを自分のサーバーにアップロードします。

　

2. 画像を自分のサーバーにアップロードしたら、下のコードを表示したい場所に貼り付けます。
   ※下のコードの「画像を保存したURL」を自分が画像を保存したURIに変更してください。

   貼り付け場所は好みですが、私はpage.phpとsingle.phpの中に貼り付けました。index.phpに貼り付けてもよいでしょう。

   • はてな

     <a href="http://b.hatena.ne.jp/append?<?php the_permalink() ?>" rel="nofollow"><img alt="はてなにブックマーク" src="画像を保存したURL" /></a>

   • del.icio.us

     <a href="javascript:location.href='http://del.icio.us/post?v=4;url='+encodeURIComponent(location.href)+';title='+encodeURIComponent(document.title)" rel="nofollow"><img alt="このページをdel.icio.usに登録" src="画像を保存したURL" /></a>

   • Livedoorクリップ

     <a href="http://clip.livedoor.com/redirect?link=<?php the_permalink() ?>&title=<?= urlencode(mb_convert_encoding(the_title("","",false),"UTF-8")) ?>&jump=ref" class="ldclip-redirect" title="この記事をクリップ！"><img src="画像を保存したURL" width="16" height="16" alt="この記事をLivedoorクリップ！" style="border: none;vertical-align: middle;" /></a>

   • ニフティクリップ

     <a href="javascript:(function(){location.href='http://clip.nifty.com/create?url='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title);})()" rel="nofollow"><img alt="このエントリをニフティクリップに登録" src="画像を保存したURL" /></a>

   • Buzzurl

     <a href="http://buzzurl.jp/entry/<?php the_permalink() ?>" rel="nofollow"><img alt="このエントリをBuzzurlにブックマーク" src="画像を保存したURL" /></a>

   • POOKMARK Airlines

     <a href="javascript:window.location='http://pookmark.jp/post?url='+encodeURIComponent('<?php the_permalink() ?>')+'&title='+encodeURIComponent('<?php the_title() ?>');" title="このページを POOKMARK Airlines の行き先に登録する"><img src="画像を保存したURL" alt="このページを POOKMARK Airlines の行き先に登録する" style="vertical-align:middle;" border="0" /></a>

   • BlogPeople Instant Bookmark

     <a href="javascript:void(window.open('http://www.blogpeople.net/ib_addlink.jsp?u='+escape(location.href)+'&amp;t='+escape(document.title),'blog_ib','scrollbars=no,width=475,height=350,left=100,top=100,status=yes,resizable=yes'))" rel="nofollow"><img alt="このエントリを BlogPeople Instant Bookmark に登録" src="画像を保存したURL" /></a>

   • newsing

     <a href="javascript:window.location='http://newsing.jp/nbutton?title='+encodeURIComponent('<?php the_title(); ?> ')+'&url='+encodeURIComponent('<?php the_permalink() ?>');" title="newsing it!"><img src="画像を保存したURL" border="0" width="12" height="12" /></a>

   • PingKingポッケ

     <a href="javascript:location.href='http://pingking.jp/bookmark/create?url='+encodeURIComponent(location.href)+';title='+encodeURIComponent(document.title)" rel="nofollow"><img alt="PingKingポッケに追加" src="画像を保存したURL" /></a>

　
これで完成！