エントリー

WDPにブックマーク等を入れる

※最近はソーシャルメディアのボタンが増えて1つずつ設置するのが面倒なので、「忍者おまとめボタン」を利用する方が便利みたいです。当サイトでも導入してみました。設置方法については こちら を参照してください。


  1. ブックマークのアイコンを こちら からダウンロードして data/image/ にアップします。
  2. 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)+'&amp;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}&amp;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}&amp;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}&amp;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のアカウント)のところだけ各自で設定してください。

  3. 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
にスペースが入ってました。

  • URL
  • 2011/01/12 10:27:00

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

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム

基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がありますので、その旨ご了承下さい。

ユーティリティ

2024年04月

- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 - - - -

キーワード検索

キーワード検索フォーム

ユーザー

  • cccのアバター

新着画像

ブログパーツ

Twitter

Twilogを見る

Feed