ソーシャルブックマークボタンその3

TOP >> クリエイター知っ得 >> アクセスアップ >> ソーシャルブックマークボタンその3

日本のソーシャルブックマーク

良く見られるボタンはデザインに統一感がないのでデザイン統一を念頭において作成しました。透過GIFにて制作しているため、背景が白色以外や柄などにも対応しています。記述方法はどのサイトやブログでも汎用的に使えるように、Javascript記載にしていますので、あなたのブログやウェブサイトでそのまま使えます。ボタンはもちろん無料です。自由にお使いください。

海外のソーシャルブックマーク

海外で使用されているソーシャルブックマークサービスです。ソースはどのサイト、ブログでもそのままコピペして使えます。自由にお使いください。

	大サイズ記述方法	中サイズ記述方法
del.ici.ous	<a href="javascript:void window.open('http://del.icio.us/post?v=4&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/bookmark_delicious_b3.gif" width="32" height="32" alt="deliciousに追加" /></a>	<a href="javascript:void window.open('http://del.icio.us/post?v=4&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/bookmark_delicious_m3.gif" width="24" height="24" alt="deliciousに追加" /></a>
technorati	<a href="javascript:void window.open('http://www.technorati.jp/faves?add='+escape(location.href), '_blank');"><img src="http://jp.aryu.net/images/bookmark_technorati_b3.gif" width="32" height="32" alt="テクノラティに追加">	<a href="javascript:void window.open('http://www.technorati.jp/faves?add='+escape(location.href), '_blank');"><img src="http://jp.aryu.net/images/bookmark_technorati_m3.gif" width="24" height="24" alt="テクノラティに追加"></a>
yahoo.com	<a href="javascript:void window.open('http://bookmarks.yahoo.com/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(window.location.href)+'&opener=bm&ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0);"><img src="http://jp.aryu.net/images/social_bookmark_yahoo_b3.gif" width="32" height="32" alt="add Yahoo.com bookmark" />	<a href="javascript:void window.open('http://bookmarks.yahoo.com/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(window.location.href)+'&opener=bm&ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0);"><img src="http://jp.aryu.net/images/social_bookmark_yahoo_m3.gif" width="24" height="24" alt="add Yahoo.com bookmark" /></a>
twit this	<a href="javascript:void window.open('http://twitter.com/home?status='+encodeURIComponent(document.title)+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_twit_b3.gif" width="32" height="32" alt="twit this!" /></a>	<a href="javascript:void window.open('http://twitter.com/home?status='+encodeURIComponent(document.title)+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_twit_m3.gif" width="24" height="24" alt="twit this!" /></a>
facebook	<a href="javascript:void window.open('http://www.google.com/bookmarks/mark?op=edit&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_google_b3.gif" width="32" height="32" alt="fecebookに追加" /></a>	<a href="javascript:void window.open('http://www.google.com/bookmarks/mark?op=edit&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_google_m3.gif" width="24" height="24" alt="twit this!" /></a>
stumbleupon	<a href="javascript:void window.open('http://www.google.com/bookmarks/mark?op=edit&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_google_b3.gif" width="32" height="32" alt="twit this!" /></a>	<a href="javascript:void window.open('http://www.google.com/bookmarks/mark?op=edit&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_google_m3.gif" width="24" height="24" alt="twit this!" /></a>
redit	<a href="javascript:void window.open('http://reddit.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_redi_b3.gif" width="32" height="32" alt="Add to redit" /></a>	<a href="javascript:void window.open('http://reddit.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_redi_m3.gif" width="24" height="24" alt="Add to redit" /></a>
DIGG	<a href="javascript:void window.open('http://digg.com/submit?phase=2&url='+escape(location.href)+'&title='+encodeURIComponent(document.title),'_blank');"><img src="http://jp.aryu.net/images/social_bookmark_digg_b3.gif" width="32" height="32" alt="DIGG it!" /></a>	<a href="javascript:void window.open('http://digg.com/submit?phase=2&url='+escape(location.href)+'&title='+encodeURIComponent(document.title),'_blank');"><img src="http://jp.aryu.net/images/social_bookmark_digg_m3.gif" width="24" height="24" alt="DIGG it!" /></a>
diigo (with furl)	<a href="javascript:(function() {var url = location.href;var title = document.title \|\| url;var desc = (window.getSelection ? window.getSelection().toString() : document.getSelection ? document.getSelection() : document.selection.createRange().text);window.location.href = 'http://www.diigo.com/post?url=' + encodeURIComponent(url) + '&title=' + encodeURIComponent(title) + '&desc=' + encodeURIComponent(desc)})();"><img src="http://jp.aryu.net/images/social_bookmark_diigo_b3.gif" width="32" height="32" alt="Add to diigo"></a>	<a href="javascript:(function() {var url = location.href;var title = document.title \|\| url;var desc = (window.getSelection ? window.getSelection().toString() : document.getSelection ? document.getSelection() : document.selection.createRange().text);window.location.href = 'http://www.diigo.com/post?url=' + encodeURIComponent(url) + '&title=' + encodeURIComponent(title) + '&desc=' + encodeURIComponent(desc)})();"><img src="http://jp.aryu.net/images/social_bookmark_diigo_m3.gif" width="24" height="24" alt="Add to diigo"></a>
spurl	<a href="javascript:void window.open('http://www.spurl.net/spurl.php?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_spurl_b3.gif" width="32" height="32" alt="spurlに追加" /></a>	<a href="javascript:void window.open('http://www.spurl.net/spurl.php?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_spurl_m3.gif" width="24" height="24" alt="spurlに追加" /></a>
blinklist	<a href="javascript:void window.open('http://pookmark.jp/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_pookmark_b3.gif" width="32" height="32" alt="Add to blinklist" /></a>	<a href="javascript:void window.open('http://pookmark.jp/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_pookmark_m3.gif" width="24" height="24" alt="Add to blinklist" /></a>
faves (旧 blue dot)	<a href="javascript:void window.open('http://faves.com/Authoring.aspx?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_faves_b3.gif" width="32" height="32" alt="Add to faves" /></a>	<a href="javascript:void window.open('http://faves.com/Authoring.aspx?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_faves_m3.gif" width="24" height="24" alt="Add to faves" /></a>
MISTER WONG	<a href="javascript:void window.open('http://www.mister-wong.com/addurl/?bm_url='+encodeURIComponent(location.href)+'&bm_description='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_wong_b3.gif" width="32" height="32" alt="Add to MISTER WONG" /></a>	<a href="javascript:void window.open('http://www.mister-wong.com/addurl/?bm_url='+encodeURIComponent(location.href)+'&bm_description='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/bookmark_wong_m3.gif" width="24" height="24" alt="Add to MISTER WONG" /></a>

メジャーなソーシャルブックマークサイト

一般的に見られるソーシャル・ブックマークボタンのリストです。フォーム内をそのままコピペで使用できます。文字コードはUTF-8です。日本語が入っているので、Shift-JISやEUCは文字化けするかもしれません。

パターン1 大サイズ

日本の中でのメジャーを揃えたタイプ(亜流が勝手に決めました)

パターン2 大サイズ

日本メジャーに海外有名ブックマークを揃えたタイプ(亜流が勝手に決めました)

パターン3 中サイズ

日本の中でのメジャーを揃えたタイプ(亜流が勝手に決めました)

パターン4 中サイズ

日本メジャーに海外有名ブックマークを揃えたタイプ(亜流が勝手に決めました)

>> 高クオリティの無料素材はこちら
<< ホワイトタイプのブックマークボタンはこちら
<< カラフルブックマークボタンはこちら

この記事をブックマーク

この記事を読んだ方は以下の内容も見ています。

この記事はコメントできません。もし質問・要望のある方はこちらにお問い合わせください。

	大サイズ記述方法	中サイズ記述方法
はてなブックマーク	<a href="javascript:void window.open('http://b.hatena.ne.jp/add?mode=confirm&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_hatena_b3.gif" width="32" height="32" alt="はてなブックマークに追加" /></a>	<a href="javascript:void window.open('http://b.hatena.ne.jp/add?mode=confirm&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_hatena_m3.gif" width="24" height="24" alt="はてなブックマークに追加" /></a>
yahoo! ブックマーク	<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(window.location.href)+'&opener=bm&ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0);"><img src="http://jp.aryu.net/images/social_bookmark_yahoo_b3.gif" width="32" height="32" alt="Yahoo!ブックマークに追加">	<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(window.location.href)+'&opener=bm&ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0);"><img src="http://jp.aryu.net/images/social_bookmark_yahoo_m3.gif" width="24" height="24" alt="Yahoo!ブックマークに追加"></a>
google ブックマーク	<a href="javascript:void window.open('http://www.google.com/bookmarks/mark?op=edit&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_google_b3.gif" width="32" height="32" alt="google bookmarkに追加" /></a>	<a href="javascript:void window.open('http://www.google.com/bookmarks/mark?op=edit&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_google_m3.gif" width="24" height="24" alt="google bookmarkに追加" /></a>
@nifty クリップ	<a href="javascript:void window.open('http://clip.nifty.com/create?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_nifty_b3.gif" width="32" height="32" alt="niftyクリップに追加" /></a>	<a href="javascript:void window.open('http://clip.nifty.com/create?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_nifty_m3.gif" width="24" height="24" alt="niftyクリップに追加" /></a>
livedoor クリップ	<a href="javascript:void window.open('http://clip.livedoor.com/clip/add?link='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_livedoor_b3.gif" width="32" height="32" alt="livedoorクリップに追加"></a>	<a href="javascript:void window.open('http://clip.livedoor.com/clip/add?link='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_livedoor_m3.gif" width="24" height="24" alt="livedoorクリップに追加"></a>
Buzzurl	<a href="javascript:void window.open('http://news.ecnavi.jp/config/add/confirm?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_buzzurl_b3.gif" width="32" height="32" alt="Buzzurlに追加"></a>	<a href="javascript:void window.open('http://news.ecnavi.jp/config/add/confirm?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_buzzurl_b3.gif" width="24" height="24" alt="Buzzurlに追加"></a>
Choix	<a href="javascript:void window.open('http://www.choix.jp/bloglink/'+escape(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_choix_b3.gif" width="32" height="32" alt="Choixに追加" /></a>	<a href="javascript:void window.open('http://www.choix.jp/bloglink/'+escape(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_choix_m3.gif" width="24" height="24" alt="Choixに追加" /></a>
Pookmark Airline	<a href="javascript:void window.open('http://pookmark.jp/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_pookmark_b3.gif" width="32" height="32" alt="Pookamrk airline に追加" /></a>	<a href="javascript:void window.open('http://pookmark.jp/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_pookmark_m3.gif" width="24" height="24" alt="Pookamrk airlineに追加" /></a>
Newsing 記事をピックアップ	<a href="javascript:void window.open('http://newsing.jp/add?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_newsing_b3.gif" width="32" height="32" alt="newsingに追加"></a>	<a href="javascript:void window.open('http://newsing.jp/add?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_newsing_m3.gif" width="24" height="24" alt="newsingに追加"></a>
FC2 ソーシャルブックマーク	<a href="javascript:void window.open('http://bookmark.fc2.com/user/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_fc2_b3.gif" width="32" height="32" alt="FC2ソーシャルブックマークに追加"></a>	<a href="javascript:void window.open('http://bookmark.fc2.com/user/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_fc2_m3.gif" width="24" height="24" alt="FC2ソーシャルブックマークに追加"></a>
iza ページ推薦	<a href="javascript:void window.open('http://www.iza.ne.jp/bookmark/add/regist/back/'+escape(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_iza_b3.gif" width="32" height="32" alt="イザ！ページ推薦" /></a>	<a href="javascript:void window.open('http://www.iza.ne.jp/bookmark/add/regist/back/'+escape(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_iza_m3.gif" width="24" height="24" alt="イザ！ページ推薦"></a>
FLOG	<a href="javascript:void window.open('http://www.iza.ne.jp/bookmark/add/regist/back/'+escape(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_flog_b3.gif" width="32" height="32" alt="FLOGに追加" /></a>	<a href="javascript:void window.open('http://www.iza.ne.jp/bookmark/add/regist/back/'+escape(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_flog_m3.gif" width="24" height="24" alt="FLOGに追加" /></a>
goo ブックマーク	<a href="javascript:void window.open('http://bookmark.goo.ne.jp/add/detail/?url='+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_goo_b3.gif" width="32" height="32" alt="gooブックマークに追加" /></a>	<a href="javascript:void window.open('http://bookmark.goo.ne.jp/add/detail/?url='+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_goo_m3.gif" width="24" height="24" alt="gooブックマークに追加" /></a>
corich	<a href="javascript:void window.open('http://newsclip.corich.jp/clip/public_html/marklet.php?url='+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/social_bookmark_corich_b3.gif" width="32" height="32" alt="corichに追加" /></a>	<a href="javascript:void window.open('http://newsclip.corich.jp/clip/public_html/marklet.php?url='+encodeURIComponent(location.href), '_blank');"><img src="http://jp.aryu.net/images/bookmark_corich_m3.gif" width="24" height="24" alt="corichに追加" /></a>
あとで新聞	<a href='http://atode.cc/' onclick='javascript:(function(){var s=document.createElement("scr"+"ipt");s.charset="UTF-8";s.language="javascr"+"ipt";s.type="text/javascr"+"ipt";var d=new Date;s.src="http://atode.cc/bjs.php?d="+d.getMilliseconds();document.body.appendChild(s)})();return false;'><img src="http://jp.aryu.net/images/social_bookmark_atode_b3.gif" width="32" height="32" alt="あとで新聞に追加" /></a>	<a href='http://atode.cc/' onclick='javascript:(function(){var s=document.createElement("scr"+"ipt");s.charset="UTF-8";s.language="javascr"+"ipt";s.type="text/javascr"+"ipt";var d=new Date;s.src="http://atode.cc/bjs.php?d="+d.getMilliseconds();document.body.appendChild(s)})();return false;'><img src="http://jp.aryu.net/images/bookmark_atode_m3.gif" width="24" height="24" alt="あとで新聞に追加" /></a>

トップメニュー