ソーシャルブックマークへ登録するアイコンをエントリー毎に表示させる。
●Hatenaブックマーク
アイコン画像リンク
<a href="http://b.hatena.ne.jp/append?>$MTEntryPermalink encode_url="1"$>" title="<$MTEntryTitle encode_html="1"$>Hatenaブックマークに追加"><img src="<$MTBlogURL$>はてなブックマークのアイコン画像" alt="<$MTEntryTitle encode_html="1"$>Hatenaブックマークに追加" width="16" height="12" /></a>●del.icio.us
アイコン画像リンク
<a href="http://del.icio.us/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>" title="<$MTEntryTitle encode_html="1"$>をdel.icio.usに追加"><img src="<$MTBlogURL$>del.icio.usのアイコン画像" alt="<$MTEntryTitle encode_html="1"$>をdel.icio.usに追加" width="16" height="16" /></a>●Yahoo!ブックマーク
アイコン画像リンク
<a href="#" onclick="window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=<$MTEntryTitle encode_url="1"$>&u=<$MTEntryPermalink$>&opener=bm&ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0); return false;" title="<$MTEntryTitle encode_html="1"$>をYahoo!ブックマークに追加"><img src="http://Yahoo!のアイコン画像" alt="<$MTEntryTitle encode_html="1"$>をYahoo!ブックマークに追加" width="16" height="16" /></a>●livedoorクリップ
アイコン画像リンク
<a href="http://clip.livedoor.com/clip/add?link=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>&jump=ref" title="<$MTEntryTitle encode_html="1"$>livedoorクリップに追加"><img src="<$MTBlogURL$>livedoorクリップのアイコン画像" alt="<$MTEntryTitle encode_html="1"$>livedoorクリップに追加" width="16" height="16" /></a>アイコン画像リンク
<a href="http://www.google.com/bookmarks/mark?op=edit&bkmk=<$MTEntryPermalink$>&title=<$MTEntryTitle$> | <$MTBlogName$>" target="_blank"><img src="<$MTBlogURL$>banner/google.gif" alt="<$MTEntryTitle encode_html="1"$>Google Bookmarksに追加" width="16" height="16" /></a>●ニフティクリップ
アイコン画像リンク
<a href="http://clip.nifty.com/create?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>" title="<$MTEntryTitle encode_html="1"$>ニフティクリップに追加"><img src="<$MTBlogURL$>ニフティクリップのアイコン画像" alt="<$MTEntryTitle encode_html="1"$>ニフティクリップに追加" width="16" height="16" /></a>●POOKMARK Airlines
アイコン画像リンク
<a href="http://pookmark.jp/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>" title="<$MTEntryTitle encode_html="1"$>POOKMARK Airlinesに追加"><img src="<$MTBlogURL$>POOKMARK Airlinesのアイコン画像" alt="<$MTEntryTitle encode_html="1"$>POOKMARK Airlinesに追加" width="18" height="12" /></a>※画像は、直リンクはしないで、必ずパソコンにダウンロードして使って下さい。
1.ソーシャルブックマーク用のテンプレートモジュールを作成する。
●デザイン⇒テンプレート⇒テンプレートモジュール
下記コードをコピー & ペーストしてテンプレートモジュールを作成する。
テンプレート名称：socialbookmark
<ul class="sbm_icon">
<li>
<a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink encode_url="1"$>" title="<$MTEntryTitle encode_html="1"$>Hatenaブックマークに追加"><img src="<$MTBlogURL$>banner/hatena_append.gif" alt="<$MTEntryTitle encode_html="1"$>Hatenaブックマークに追加" width="16" height="12" /></a>
<a href="http://del.icio.us/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>" title="<$MTEntryTitle encode_html="1"$>をdel.icio.usに追加"><img src="<$MTBlogURL$>banner/delicious.gif" alt="<$MTEntryTitle encode_html="1"$>をdel.icio.usに追加" width="16" height="16" /></a>
<a href="#" onclick="window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=<$MTEntryTitle encode_url="1"$>&u=<$MTEntryPermalink$>&opener=bm&ei=UTF-8','popup','width=550px,height=480px,status=1,location=0,resizable=1,scrollbars=0,left=100,top=50',0); return false;" title="<$MTEntryTitle encode_html="1"$>をYahoo!ブックマークに追加"><img src="http://musashi.s201.xrea.com/blog/banner/yahoo!.gif" alt="<$MTEntryTitle encode_html="1"$>をYahoo!ブックマークに追加" width="16" height="16" /></a>
<a href="http://clip.livedoor.com/clip/add?link=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>&jump=ref" title="<$MTEntryTitle encode_html="1"$>livedoorクリップに追加"><img src="<$MTBlogURL$>banner/livedoorclip_add.gif" alt="<$MTEntryTitle encode_html="1"$>livedoorクリップに追加" width="16" height="16" /></a>
<a href="http://clip.nifty.com/create?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>" title="<$MTEntryTitle encode_html="1"$>ニフティクリップに追加"><img src="<$MTBlogURL$>banner/nifty_clip.gif" alt="<$MTEntryTitle encode_html="1"$>ニフティクリップに追加" width="16" height="16" /></a>
<a href="http://pookmark.jp/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>" title="<$MTEntryTitle encode_html="1"$>POOKMARK Airlinesに追加"><img src="<$MTBlogURL$>banner/pookmark_add.gif" alt="<$MTEntryTitle encode_html="1"$>POOKMARK Airlinesに追加" width="18" height="12" /></a>
</li>
</ul>2.スタイルシート。
●デザイン⇒テンプレート⇒スタイルシート（メイン）
下記コードをコピーして再構築
/* ソーシャルブックマーク */
.entry ul.sbm_icon {
margin: 0 4px 5px 0;
text-align: right;
}
.entry ul.sbm_icon li {
display: inline;
}3.設置したい場所にインクルードする。
●デザイン⇒テンプレート⇒テンプレートモジュール⇒ブログ記事の概要
上記（1.）作成したテンプレートモジュールをインクルードします。
<$MTInclude module="socialbookmark"$>
Post a Comment