SNSボタン(アイコン型を設置)facebook,yahoo,twitter,google,はてなブックマーク

○SNSボタン(アイコン型を設置)facebook,yahoo,twitter,google,はてなブックマーク

( 1 )twitterアイコンのつぶやくボタンを設置する。

<a href="http://twitter.com/share?count=horizontal&amp;original_referer=ここに絶対パスでページのURLを書く&amp;text=タイトル部分&amp;url=ここに絶対パスでページのURLを書く(ツイート時に表示される)&amp;" onclick="window.open(this.href, 'mywindow6', 'width=750, height=550, menubar=no, toolbar=no, scrollbars=yes'); return false;"><img src="ここにオリジナルのtwitterアイコンを入れる" width="18" height="18" /></a> 


( 2 )facebookアイコンのシェアボタンを設置する。

<a href="http://www.facebook.com/share.php?u=ここに絶対パスでページのURLを書く" onclick="window.open(this.href, 'mywindow6', 'width=750, height=550, menubar=no, toolbar=no, scrollbars=yes'); return false;"><img src="ここにオリジナルのfacebookアイコンを入れる" width="18" height="18" /></a>


( 3 )はてなブックマークボタンを設置する。

<a href="http://b.hatena.ne.jp/entry/ここに絶対パスでページのURLを書く" class="hatena-bookmark-button" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="18" height="18" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

 
( 4 )Yahoo!ブックマークボタンを設置する。※ページURL等は書かなくてOK

<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&amp;u='+encodeURIComponent(location.href)+'&amp;ei=UTF-8','_blank','width=750,height=550,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;"></a>

 
( 5 )googleブックマークボタンを設置する。 

<a href="http://www.google.com/bookmarks/mark?op=edit&bkmk=ここにhttp://以下のページURLを書く&title=タイトル部分" onclick="window.open(this.href, 'mywindow6', 'width=750, height=550, menubar=no, toolbar=no, scrollbars=yes'); return false;"><img alt="" src="http://www.google.co.jp/favicon.ico" border="0" width="16" height="16" /></a>


参考サイト
「facebook,twitter,はてぶボタンの設置方法」
http://es.istgut.jp/tips/facebooktwittermixi.html
http://b.hatena.ne.jp/guide/bbutton

「yahooブックマークボタン設置方法」
http://bookmarks.yahoo.co.jp/settings/tools/savelink

「googleブックマークボタン設置方法」
http://blog.seiji.me/blog/2008/05/13/161/

「小窓の開き方」
http://amenti.usamimi.info/windowopen.html