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

ソーシャルブックマークとは

インターネット上のサービスです。ユーザ登録を行えば自由に利用できます。もちろん使用料は無料です。自分のブックマークをネット上に公開し、友人や不特定多数の人間と共有する事で、情報として各々のブックマークサイトに告知ができるようになり、閲覧者がさらに広がる効果をもたらします。
Yahoo!ブックマークに限ってはブックマークを登録されているサイトの検索結果に「ブックマーク：*人が登録」と記載され検索結果が表示されます。
人の心理としてブックマークを登録されているサイトと登録されてないサイト、もしくは登録されているサイトの中でも人数が少ないほう、多いほうどちらに興味が湧くでしょうか。どちらも後者ではないでしょうか。

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

良く見られるボタンはデザインに統一感がないのでデザイン統一を念頭において作成しました。透過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 loading="lazy" src="/images/bookmark_delicious_b1.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 loading="lazy" src="/images/bookmark_delicious_m1.gif" width="24" height="24" alt="deliciousに追加" /></a>
Twitter	<a href="javascript:void window.open('http://twitter.com/home?status=RT%20%40aryu_net%20'+encodeURIComponent(document.title)+encodeURIComponent(location.href), '_blank');"><img loading="lazy" src="/images/social_bookmark_twit_b1.gif" width="32" height="32" alt="twit this!" /></a>	<a href="javascript:void window.open('http://twitter.com/home?status=RT%20%40aryu_net%20'+encodeURIComponent(document.title)+encodeURIComponent(location.href), '_blank');"><img loading="lazy" src="/images/social_bookmark_twit_m1.gif" width="24" height="24" alt="twit this!" /></a>
technorati	<a href="javascript:void window.open('http://www.technorati.jp/faves?add='+escape(location.href), '_blank');"><img loading="lazy" src="/images/bookmark_technorati_b1.gif" width="32" height="32" alt="テクノラティに追加">	<a href="javascript:void window.open('http://www.technorati.jp/faves?add='+escape(location.href), '_blank');"><img loading="lazy" src="/images/bookmark_technorati_m1.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 loading="lazy" src="/images/social_bookmark_yahoo_b1.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 loading="lazy" src="/images/social_bookmark_yahoo_m1.gif" width="24" height="24" alt="add Yahoo.com bookmark" /></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 loading="lazy" src="/images/social_bookmark_google_b1.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 loading="lazy" src="/images/social_bookmark_google_m1.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 loading="lazy" src="/images/social_bookmark_google_b1.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 loading="lazy" src="/images/social_bookmark_google_m1.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 loading="lazy" src="/images/social_bookmark_redi_b1.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 loading="lazy" src="/images/social_bookmark_redi_m1.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 loading="lazy" src="/images/social_bookmark_digg_b1.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 loading="lazy" src="/images/social_bookmark_digg_m1.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 loading="lazy" src="/images/social_bookmark_diigo_b1.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 loading="lazy" src="/images/social_bookmark_diigo_m1.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 loading="lazy" src="/images/social_bookmark_spurl_b1.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 loading="lazy" src="/images/social_bookmark_spurl_m1.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 loading="lazy" src="/images/social_bookmark_pookmark_b1.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 loading="lazy" src="/images/social_bookmark_pookmark_m1.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 loading="lazy" src="/images/social_bookmark_faves_b1.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 loading="lazy" src="/images/social_bookmark_faves_m1.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 loading="lazy" src="/images/social_bookmark_wong_b1.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 loading="lazy" src="/images/bookmark_wong_m1.gif" width="24" height="24" alt="Add to MISTER WONG"></a>

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

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

パターン1 大サイズ

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

パターン2 大サイズ

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

パターン3 中サイズ

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

パターン4 中サイズ

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

>> ホワイトタイプのブックマークボタンはこちら
>> ブラックタイプのブックマークボタンはこちら

亞流

ちょっとデザインしたい。ちょっとクリエイティブしたい。安定感を少しプラスしたい。何か副業したい方々へ

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

ソーシャルブックマークとは

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

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

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

パターン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 loading="lazy" src="/images/social_bookmark_hatena_b1.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 loading="lazy" src="/images/social_bookmark_hatena_m1.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 loading="lazy" src="/images/social_bookmark_yahoo_b1.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 loading="lazy" src="/images/social_bookmark_yahoo_m1.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 loading="lazy" src="/images/social_bookmark_google_b1.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 loading="lazy" src="/images/social_bookmark_google_m1.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 loading="lazy" src="/images/social_bookmark_nifty_b1.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 loading="lazy" src="/images/social_bookmark_nifty_m1.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 loading="lazy" src="/images/social_bookmark_livedoor_b1.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 loading="lazy" src="/images/social_bookmark_livedoor_m1.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 loading="lazy" src="/images/social_bookmark_buzzurl_b1.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 loading="lazy" src="/images/social_bookmark_buzzurl_b1.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 loading="lazy" src="/images/social_bookmark_choix_b1.gif" width="32" height="32" alt="Choixに追加" /></a>	<a href="javascript:void window.open('http://www.choix.jp/bloglink/'+escape(location.href), '_blank');"><img loading="lazy" src="/images/social_bookmark_choix_m1.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 loading="lazy" src="/images/social_bookmark_pookmark_b1.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 loading="lazy" src="/images/social_bookmark_pookmark_m1.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 loading="lazy" src="/images/social_bookmark_newsing_b1.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 loading="lazy" src="/images/social_bookmark_newsing_m1.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 loading="lazy" src="/images/social_bookmark_fc2_b1.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 loading="lazy" src="/images/social_bookmark_fc2_m1.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 loading="lazy" src="/images/social_bookmark_iza_b1.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 loading="lazy" src="/images/social_bookmark_iza_m1.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 loading="lazy" src="/images/social_bookmark_flog_b1.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 loading="lazy" src="/images/social_bookmark_flog_m1.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 loading="lazy" src="/images/social_bookmark_goo_b1.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 loading="lazy" src="/images/social_bookmark_goo_m1.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 loading="lazy" src="/images/social_bookmark_corich_b1.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 loading="lazy" src="/images/bookmark_corich_m1.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 loading="lazy" src="/images/social_bookmark_atode_b1.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 loading="lazy" src="/images/bookmark_atode_m1.gif" width="24" height="24" alt="あとで新聞に追加"></a>

ソーシャルブックマークとは

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

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

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

パターン1 大サイズ

パターン2 大サイズ

パターン3 中サイズ

パターン4 中サイズ

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