- 追加された行はこの色です。
- 削除された行はこの色です。
#title(Yahoo!ブックマークに登録ボタンを表示する)
#contents
*Yahoo!ブックマークに登録ボタンを表示する [#i784f5a2]
#ref(../yahoo1.png)
**基本的なコード [#eda98135]
「Yahoo!ブックマークに登録」ボタンは、「[[便利ツール : 「Yahoo!ブックマークに登録」ボタン・アイコン - Yahoo!ブックマーク>http://bookmarks.yahoo.co.jp/settings/tools/savelink]]」に設置方法の説明があります。
また、「ブックマーク人数表示」画像は、「[[便利ツール : 「ブックマーク人数表示」画像 - Yahoo!ブックマーク>http://bookmarks.yahoo.co.jp/settings/tools/numlink]]」に設置方法の説明があります。
この2つを組み合わせたコードは、「[[便利ツール : ブログパーツの組み合わせ - Yahoo!ブックマーク>http://bookmarks.yahoo.co.jp/settings/tools/linkset]]」で取得できます。
このページで取得できる基本的なコード(大きい登録ボタン、別ウィンドウ表示、カウンタを文章で表示、文字サイズ中)は、以下のようになります。
#prescroll(wrap=true){{
<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(location.href)+'&ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="http://i.yimg.jp/images/ybm/blogparts/addmy_btn.gif" width="125" height="17" alt="Yahoo!ブックマークに登録" style="border:none;"></a><script src="http://num.bookmarks.yahoo.co.jp/numimage.js?disptype=medium"></script>
}}
**JavaScriptを使わずにカウンターを表示する [#z81d4410]
例えば、「http://dobon.net/」のブックマーク人数表示を行うには、次のようなコードを書きます。
#prescroll(wrap=true){{
<a href="http://bookmarks.yahoo.co.jp/url?url=http%3A%2F%2Fdobon.net%2F"><img src="http://num.bookmarks.yahoo.co.jp/image/medium/http://dobon.net/" style="border: none;" /></a>
}}
上の例では、文字サイズ中(画像の高さが17px)で、文章で表示(〇〇人が登録)しています。文字サイズを大きくする(画像の高さが20px)には、imgのsrcを「http://num.bookmarks.yahoo.co.jp/image/large/http://dobon.net/」、小さくする(画像の高さが15px)には「http://num.bookmarks.yahoo.co.jp/image/small/http://dobon.net/」とします。
|大きさ|画像の高さ(px)|src|h
|
//これより下は編集しないでください
#pageinfo(,2011-09-02 (金) 03:17:00,DOBON!,2011-09-02 (金) 03:17:00,DOBON!)