「Movable Type WEBデザインの新しいルール」
主なメニュー
トップページ
書籍の内容
サンプルデータ
関連リンク
サポートブログ
訂正情報
フィードバック
トップページ
> 5-7:ソーシャルブックマークリンクを追加する
5-7:ソーシャルブックマークリンクを追加する
手順1・手順2・手順4(ブログの文字コードがUTF-8の場合)
<ul class="sbm_icon"> <li><a href="http://www.google.com/bookmarks/mark?op=edit&bkmk=<$MTEntryPermalink encode_url="1"$>&title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>"><img src="http://www.google.co.jp/favicon.ico" width="16" height="16" alt="Google Bookmarks" title="Google Bookmarks に追加" /></a></li> <li><a href="http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>&u=<$MTEntryPermalink encode_url="1"$>" rel="nofollow"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマーク" title="Yahoo!ブックマークに登録" /></a></li> <li><a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink encode_url="1"$>" rel="nofollow"><img src="http://b.hatena.ne.jp/images/append.gif" width="16" height="12" alt="はてなブックマーク" title="はてなブックマークに追加" /></a></li> <li><a href="http://del.icio.us/post?url=<$MTEntryPermalink encode_url="1"$>&title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>" rel="nofollow"><img src="http://del.icio.us/static/img/delicious.small.gif" width="15" height="15" alt="del.icio.us" title="del.icio.us に追加" /></a></li> <li><a href="http://clip.livedoor.com/redirect?link=<$MTEntryPermalink encode_url="1"$>&title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>&ie=utf-8" rel="nofollow"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" width="16" height="16" alt="livedoor クリップ" title="livedoor クリップに追加" /></a></li> <li><a href="http://pookmark.jp/post?url=<$MTEntryPermalink encode_url="1"$>&title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>" rel="nofollow"><img src="http://pookmark.jp/images/add/add.gif" width="18" height="12" alt="POOKMARK Airlines" title="POOKMARK Airlines に追加" /></a></li> <li><a href="http://clip.nifty.com/create?url=<$MTEntryPermalink encode_url="1"$>&title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>" rel="nofollow"><img src="http://clip.nifty.com/images/addclip_icn.gif" width="16" height="16" alt="ニフティクリップ" title="ニフティクリップに追加" /></a></li> <li><a href="http://buzzurl.jp/entry/<$MTEntryPermalink encode_html="1"$>" title="Buzzurl に追加"><img src="http://buzzurl.jp/static/image/api/icon/add_icon_mini_01.gif" alt="Buzzurl" width="21" height="15" /></a></li> <li><a href="http://newsing.jp/nbutton?title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>&url=<$MTEntryPermalink encode_url="1"$>" rel="nofollow"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="newsing it!" title="newsing it! に追加" /></a></li> </ul>
手順1・手順2・手順4(ブログの文字コードがUTF-8以外の場合)
<ul class="sbm_icon"> <li><a href="javascript:location.href='http://www.google.com/bookmarks/mark?op=edit&bkmk='+encodeURIComponent('<$MTEntryPermalink encode_html="1"$>')+'&title='+encodeURIComponent('<$MTEntryTitle encode_html="1"$>: <$MTBlogName encode_html="1"$>')" rel="nofollow"><img src="http://www.google.co.jp/favicon.ico" width="16" height="16" alt="Google Bookmarks" title="Google Bookmarks に追加" /></a></li> <li><a href="javascript:location.href='http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent('<$MTEntryTitle encode_url="1"$>: <$MTBlogName encode_html="1"$>')+'&u='+encodeURIComponent('<$MTEntryPermalink encode_html="1"$>')" rel="nofollow"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマーク" title="Yahoo!ブックマークに登録" /></a></li> <li><a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink encode_html="1"$>" rel="nofollow"><img src="http://b.hatena.ne.jp/images/append.gif" width="16" height="12" alt="はてなブックマーク" title="はてなブックマークに追加" /></a></li> <li><a href="javascript:location.href='http://del.icio.us/post?url='+encodeURIComponent('<$MTEntryPermalink encode_html="1"$>')+'&title='+encodeURIComponent('<$MTEntryTitle encode_html="1"$>: <$MTBlogName encode_html="1"$>')" rel="nofollow"><img src="http://del.icio.us/static/img/delicious.small.gif" width="15" height="15" alt="del.icio.us" title="del.icio.us に追加" /></a></li> <li><a href="http://clip.livedoor.com/redirect?link=<$MTEntryPermalink encode_url="1"$>&title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>&ie=utf-8" rel="nofollow"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" width="16" height="16" alt="livedoor クリップ" title="livedoor クリップに追加" /></a></li> <li><a href="javascript:location.href='http://pookmark.jp/post?url='+encodeURIComponent('<$MTEntryPermalink encode_html="1"$>')+'&title='+encodeURIComponent('<$MTEntryTitle encode_url="1"$>: <$MTBlogName encode_html="1"$>')" rel="nofollow"><img src="http://pookmark.jp/images/add/add.gif" width="18" height="12" alt="POOKMARK Airlines" title="POOKMARK Airlines に追加" /></a></li> <li><a href="javascript:location.href='http://clip.nifty.com/create?url='+encodeURIComponent('<$MTEntryPermalink encode_html="1"$>')+'&title='+encodeURIComponent('<$MTEntryTitle encode_url="1"$>: <$MTBlogName encode_html="1"$>')" rel="nofollow"><img src="http://clip.nifty.com/images/addclip_icn.gif" width="16" height="16" alt="ニフティクリップ" title="ニフティクリップに追加" /></a></li> <li><a href="http://buzzurl.jp/entry/<$MTEntryPermalink encode_html="1"$>"><img src="http://buzzurl.jp/static/image/api/icon/add_icon_mini_01.gif" alt="Buzzurl" width="21" height="15" title="Buzzurl に追加" /></a></li> <li><a href="http://newsing.jp/nbutton?title=<$MTEntryTitle encode_url="1"$>:%20<$MTBlogName encode_url="1"$>&url=<$MTEntryPermalink encode_url="1"$>" rel="nofollow"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="newsing it!" title="newsing it! に追加" /></a></li> </ul>
手順3
.entry ul.sbm_icon { margin: 0 4px 0 0; text-align: right; } .entry ul.sbm_icon li { display: inline; }
手順5
.entry ul.sbm_icon { margin: 0 4px 5px 0; text-align: right; } .entry ul.sbm_icon li { display: inline; }
2007.11.29
手順5のデータに誤りがありましたので修正致しました。ご迷惑おかけして申し訳ございません。
Search this site
Recent Entries
Monthly Archives
2008年12月
[2]
2008年9月
[1]
2008年7月
[1]
2008年2月
[2]
2008年1月
[1]
2007年12月
[1]
2007年11月
[6]
2007年10月
[5]
Links
サンプルデータ
サポート
訂正情報
フィードバック
Counter
3333333333
このブログを購読
Copyright © 2007 www.koikikukan.com All Rights Reserved.