エントリー
WDPにブックマーク等を入れる
- カテゴリー:Web Liberty
- タグ:Web Diary Pro, ソーシャルボタン
※最近はソーシャルメディアのボタンが増えて1つずつ設置するのが面倒なので、「忍者おまとめボタン」を利用する方が便利みたいです。当サイトでも導入してみました。設置方法については こちら を参照してください。
- ブックマークのアイコンを こちら からダウンロードして data/image/ にアップします。
- skin/diary.html の
</div> <!--SKIN_DIARY_END-->
の前に(デフォルトの場合)
<ul class="book"> <li><a href="https://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='https://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="https://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="https://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="https://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="https://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="https://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="https://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; }
ページ移動
関連エントリー
- 2014/01/29 Twitterの新ウィジェットを幅220px以下のサイドバーに収める方法
- 2013/01/27 WDPやWGPに忍者おまとめボタンを導入する
- 2013/01/27 freoに忍者おまとめボタンを設置する
- 2012/11/25 Lightbox2の設置方法
- 2011/04/14 Shadowboxの設置方法
- 2011/03/14 Web Diary ProやWeb Diaryなどで[続きを表示]ボタンを設置する
- 2010/11/03 freoのentryにtwitterの公式ツイートボタンを挿入するには
- 2010/04/21 Web Diary ProのJS書き出しの文字数を制限する方法
- 2009/11/07 Highslide JSの設置方法
- 2009/11/07 Slimbox2の設置方法
コメント
ccc
/image /add_icon_mini_08.gif
にスペースが入ってました。
トトロウさんご指摘ありがとうございました。早速修正させていただきました。
- 2011/01/12 11:39:00
かず
web diary proを使っています。質問させて下さい
skin/common.cssにソースを張り付けるところは
何処に張り付ければよろしいでしょうか?
いろいろ試してみましたが
ブログタイトルとトップ記事の間に
ボタンが表示されてしまいます
よろしくお願い致します
- 2011/08/01 23:51:00
ccc
skin/common.cssにソースを張り付けるところは何処に張り付ければよろしいでしょうか?
どこでもいいので、一番最後にでも貼り付けてください。
いろいろ試してみましたがブログタイトルとトップ記事の間にボタンが表示されてしまいます
上記記事の2)のソースの貼り付け場所が間違ってませんか?よく確かめてみてください。
- 2011/08/02 00:12:00
かず
申し訳ございません!解決しました
ツイートボタンが欲しかったので本当に助かります
ありがとうございます
- 2011/08/02 00:28:00
コメント登録
- コメントを入力してください。
- 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
トトロウ
ツイッターのボタンが欲しかったので有難う御座いましたm(_ _)m
以下削除くださいね(^-^*)/
/image /add_icon_mini_08.gif
にスペースが入ってました。