46web

pone_web ワサコレ・スマホ・タブレット・パソコン・クルマ

TOP >> スポンサー広告 >> 【FC2】ソーシャルブックマーク -3-TOP >> Web site >> 【FC2】ソーシャルブックマーク -3-

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
※古い記事を試すときは自己責任で!

この記事にリンクを貼る


Trackback: -- |  Comment: --

【FC2】ソーシャルブックマーク -3-

【FC2 BLOG♘用】
今回はブラウザのお気に入りボタン対応(IE,Firefox)、「はてなブックマーク」と「Yahoo!ブックマーク」にそれぞれ登録者数を表示させるタグです。

関連記事:
【FC2】ソーシャルブックマーク -1-
【FC2】ソーシャルブックマーク -2-
・【FC2】ソーシャルブックマーク -3-



まずは、お気に入りボタン。
IEとFirefoxに対応しています。まずは<head>~</head>タグ内にJavaScriptを読み込ませます。
外部ファイルにしてもOKです。
<script type="text/javascript" language="javascript">
<!--
function addBookmark(title,url) {
if (window.sidebar) {
window.sidebar.addPanel(title, url,"");
} else if( document.all ) {
window.external.AddFavorite( url, title);
} else if( window.opera && window.print ) {
return true;
}
}
//-->
</script>
次に<body>~</body<内にソースを書き込みます。
テンプレート内の<!--topentry-->~<!--/topentry-->に貼り付けるとその記事が対象。
それ以外の場所に貼り付けるとブログ全体になります。
ファイルの保存場所(your_blog)を自分のブログに合わせて変更します。
<a href="javascript:void addBookmark(document.title, location.href);"><img src="your_blog/browser-a.png" alt="お気に入りに追加" /></a>

browser-a.png
画像が欲しい場合は、右クリックで保存を選んでください。

次は「はてなブックマーク」と「Yahoo!ブックマーク」にそれぞれ登録した人数を表示させるソースです。
これも同じようにテンプレート内の<!--topentry-->~<!--/topentry-->に貼り付けるとその記事が対象。
それ以外の場所に貼り付けるとブログ全体になります。
ファイルの保存場所(your_blog)を自分のブログに合わせて変更します。
<a href='http://b.hatena.ne.jp/add?mode=confirm&amp;url=<%topentry_link>&amp;title=<%topentry_enc_utftitle>' target='_blank'><img src="http://blog-imgs-45.fc2.com/r/e/c/recoboo/hatena-a.png" alt="はてなブックマークに追加" border="0" /><img src='http://b.hatena.ne.jp/entry/image/<%topentry_link>' alt='はてなブックマークに追加' border='0' /></a>  
<a href="http://bookmarks.yahoo.co.jp/action/bookmark?t=<%topentry_enc_utftitle>&u=<%topentry_enc_link>"><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/yahoo-a.png' alt='Yahooブックマークに追加' border='0' /></a><a href="http://bookmarks.yahoo.co.jp/url/<%topentry_link>"><img src="http://num.bookmarks.yahoo.co.jp/image/small/<%topentry_link>" alt='' /></a>


これで各記事にブックマークの人数が出ます。
数が多ければやる気にもつながる?かな?

FC2ブログ用のその1、その2で紹介したソースをまとめて記載しておきます。
ファイルの保存場所(your_blog)を自分のブログに合わせて変更します。
<a href="javascript:void addBookmark(document.title, location.href);"><img src="http://blog-imgs-44.fc2.com/r/e/c/recoboo/browser-a.png" alt="お気に入りに追加" /></a>
<a href='http://b.hatena.ne.jp/add?mode=confirm&amp;url=<%topentry_link>&amp;title=<%topentry_enc_utftitle>' target='_blank'><img src="http://blog-imgs-45.fc2.com/r/e/c/recoboo/hatena-a.png" alt="はてなブックマークに追加" border="0" /><img src='http://b.hatena.ne.jp/entry/image/<%topentry_link>' alt='はてなブックマークに追加' border='0' /></a>
<a href="http://bookmarks.yahoo.co.jp/action/bookmark?t=<%topentry_enc_utftitle>&u=<%topentry_enc_link>"><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/yahoo-a.png' alt='Yahooブックマークに追加' border='0' /></a><a href="http://bookmarks.yahoo.co.jp/url/<%topentry_link>"><img src="http://num.bookmarks.yahoo.co.jp/image/small/<%topentry_link>" alt='' /></a>
<a href='http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=<%topentry_link>&amp;title=<%topentry_enc_utftitle>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/google-a.png' alt='Googleブックマークに追加' border='0' /></a>
<a href='http://clip.livedoor.com/redirect?link=<%topentry_link>&amp;title=<%topentry_enc_utftitle>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/ldc-a.png' alt='livedoorクリップに追加' border='0' /></a>
<a href='http://newsing.jp/nbutton?url=<%topentry_link>&amp;title=<%topentry_enc_utftitle>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/newsing-a.png' alt='newsingに追加' border='0' /></a>
<a href='http://buzzurl.jp/config/add/confirm?url=<%topentry_link>&amp;title=<%topentry_enc_utftitle>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/buzz-a.png' alt='Buzzurlに追加' border='0' /></a>
<a href='http://www.choix.jp/submit?bookurl=<%topentry_link>&amp;title=<%topentry_enc_utftitle>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/choix-a.png' alt='Choixに追加' border='0' /></a>
<a href='http://clip.nifty.com/create?url=<%topentry_link>&amp;title=<%topentry_enc_utftitle>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/nc-a.png' alt='@niftyクリップに追加' border='0' /></a>
<a href='http://www.iza.ne.jp/bookmark/add/regist/back/<%topentry_link>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/iza-a.png' alt='izaブックマークに追加' border='0' /></a>
&nbsp;&nbsp;
<a href='http://www.facebook.com/share.php?u=<%topentry_link>&amp;t=<%topentry_enc_utftitle>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/fb-a.png' alt='Facebookに追加' border='0' /></a>
<a href='http://mixi.jp/share.pl?u=<%topentry_link>&amp;k=b2db14d9e71b59228d179793b78ca73f825a505c' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/mixi-a.png' alt='mixiチェックに追加' border='0' /></a>
<a href='http://www.twitter.com/home?status=Currently+Reading:<%topentry_link>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/twitter-a.png' alt='Twitterに追加' border='0' /></a>
<a href='http://www.google.com/buzz/post?url=<%topentry_link>' target='_blank'><img src='http://blog-imgs-45.fc2.com/r/e/c/recoboo/google-buzz.png' alt='buzzに追加' border='0' /></a>
※古い記事を試すときは自己責任で!
Web siteの関連記事

この記事にリンクを貼る


TOP > スポンサー広告 > 【FC2】ソーシャルブックマーク -3-TOP > Web site > 【FC2】ソーシャルブックマーク -3-

この記事に対するコメント

コメントの投稿

Secret

トラックバック

トラックバックURL
→http://recoboo.blog28.fc2.com/tb.php/87-0668cb32
この記事にトラックバックする(FC2ブログユーザー)

ブログパーツ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。