WDPにブックマーク等を入れる
- 2009/10/26 14:46
- カテゴリー:Web Liberty
- タグ:Web Diary Pro, ソーシャルボタン
※最近はソーシャルメディアのボタンが増えて1つずつ設置するのが面倒なので、「忍者おまとめボタン」を利用する方が便利みたいです。当サイトでも導入してみました。設置方法については こちら を参照してください。
- ブックマークのアイコンを こちら からダウンロードして data/image/ にアップします。
- skin/diary.html の
</div> <!--SKIN_DIARY_END-->
の前に(デフォルトの場合)
<ul class="book"> <li><a href="http://twitter.com/home?status=RT @(自分のtwitterのアカウント) ${ARTICLE_SUBJ} ${ARTICLE_URL}"><img src="${INFO_URL}data/image/twitter.gif" width="16" height="16" alt="twitterでツイートする" title="twitterでツイートする" /></a></li> <li><a href="javascript:location.href='http://bookmarks.yahoo.co.jp/action/bookmark?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(location.href);"><img src="${INFO_URL}data/image/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" title="Yahoo!ブックマークに登録" style="border:none;"></a></li> <li><a href="http://clip.nifty.com/create?url=${ARTICLE_URL}&title=${ARTICLE_SUBJ}-${INFO_TITLE}"><img src="${INFO_URL}data/image/nifty_add.gif" width="14" height="14" alt="このエントリをニフティクリップに追加" title="このエントリをニフティクリップに追加" /></a></li> <li><a href="http://clip.livedoor.com/clip/add?link=${ARTICLE_URL}&title=${ARTICLE_SUBJ}-${INFO_TITLE}"><img src="${INFO_URL}data/image/ld_add.gif" width="16" height="16" alt="このエントリをLivedoor クリップに追加" title="このエントリをLivedoor クリップに追加" /></a></li> <li><a href="http://bookmark.fc2.com/user/post?url=${ARTICLE_URL}&title=${ARTICLE_SUBJ}-${INFO_TITLE}"><img src="${INFO_URL}data/image/fc2_add.gif" width="16" height="16" alt="このエントリをFC2ブックマークに追加" title="このエントリをFC2ブックマークに追加" /></a></li> <li><a href="http://b.hatena.ne.jp/append?${ARTICLE_URL}"><img src="${INFO_URL}data/image/b_entry.gif" alt="このエントリーをはてなブックマークする" title="このエントリーをはてなブックマークする" width="16" height="12" /></a></li> <li><a href="http://buzzurl.jp/entry/${ARTICLE_URL}>"><img alt="このエントリをBuzzurlにブックマーク" title="このエントリをBuzzurlにブックマーク"src="${INFO_URL}data/image/add_icon_mini_08.gif" /></a></li> <li><a href="http://newsing.jp/nbutton?title=${ARTICLE_SUBJ}-${INFO_TITLE}&url=${ARTICLE_URL}"><img src="${INFO_URL}data/image/newsingit_s.gif" width="16" height="16" alt="このエントリをnewsing it!へ追加" title="このエントリをnewsing it!へ追加" /></a></li> </ul>
を追加します。
※(自分のtwitterのアカウント)のところだけ各自で設定してください。 - skin/common.css に
を追加します。div#diary .book { margin: 5px; text-align: right; } div#diary .book li { display: inline; } div#diary .book li img { margin: 1px; }
トトロウ
ツイッターのボタンが欲しかったので有難う御座いましたm(_ _)m
以下削除くださいね(^-^*)/
/image /add_icon_mini_08.gif
にスペースが入ってました。