ShareButton/YahooJapan のバックアップの現在との差分(No.4)

バックアップ一覧
差分を表示
ソースを表示
バックアップを表示
ShareButton/YahooJapan へ行く。
- 1 (2011-09-02 (金) 03:17:00)
- 2 (2011-09-02 (金) 18:15:31)
- 3 (2011-09-05 (月) 04:05:25)
- 4 (2012-03-24 (土) 16:36:37)
- 5 (2012-03-25 (日) 04:21:46)
- 6 (2012-06-20 (水) 18:30:31)
- 7 (2012-06-21 (木) 00:50:40)
- 8 (2014-10-28 (火) 01:39:08)
追加された行はこの色です。
削除された行はこの色です。
#title(Yahoo!ブックマークに登録ボタンを表示する)

#contents

-[[「様々なシェア、ブックマークボタン（Google+1、twitter、facebook、はてななど）を表示する」に戻る>../]]

*Yahoo!ブックマークに登録ボタンを表示する [#i784f5a2]

#ref(../yahoo1.png)

#column(注意){{
Yahoo!ブックマークは、2016/2/29にサービスが終了しました。
}}

**基本的なコード [#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)+'&amp;u='+encodeURIComponent(location.href)+'&amp;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>
}}

小さい画像ボタンで、同一画面内遷移、カウンタは数字のみ表示、文字サイズ小とした時のコードは、以下のようになります。

#prescroll(wrap=true){{
<a href="javascript:location.href='http://bookmarks.yahoo.co.jp/action/bookmark?t='+encodeURIComponent(document.title)+'&amp;u='+encodeURIComponent(location.href);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;"></a><script src="http://num.bookmarks.yahoo.co.jp/numimage.js?disptype=shortsmall"></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）で、文章で表示（〇〇人が登録）しています。その他にも、文字サイズが3種類と、数字だけ表示するタイプが用意されています。それらのURLを表示まとめると、以下のようになります。

|表示形式|大きさ|画像の高さ(px)|srcのURL|h
|文章で表示|大|20|http://num.bookmarks.yahoo.co.jp/image/large/(対象ページのURL)|
|文章で表示|中|17|http://num.bookmarks.yahoo.co.jp/image/medium/(対象ページのURL)|
|文章で表示|小|15|http://num.bookmarks.yahoo.co.jp/image/small/(対象ページのURL)|
|数字のみ|大|20|http://num.bookmarks.yahoo.co.jp/image/shortlarge/(対象ページのURL)|
|数字のみ|中|17|http://num.bookmarks.yahoo.co.jp/image/shortmedium/(対象ページのURL)|
|数字のみ|小|15|http://num.bookmarks.yahoo.co.jp/image/shortsmall/(対象ページのURL)|

Yahoo!ブックマークに登録ボタンとカウンタを並べた時のコードは、次のようになります。ここでは、小さい画像ボタン、同一画面内遷移、カウンタを文章で表示、文字サイズ中としています。

#prescroll(wrap=true){{
<a href="http://bookmarks.yahoo.co.jp/action/bookmark?u=http%3A%2F%2Fdobon.net%2F"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" title="Yahoo!ブックマークに登録" style="border:none;" /></a>
<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/" alt="Yahoo!ブックマーク" title="Yahoo!ブックマーク" style="border: none;" /></a>
}}

**コメント [#t6c4762d]
- アバクロ カップル: http://www.afinjapan.com/category-521-b0.html アバクロ ショートパンツ: http://www.afinjapan.com/category-508-b0.html アバクロ 長袖Tシャツ: http://www.afinjapan.com/category-494-b0.html アバクロ スカート: http://www.afinjapan.com/category-525-b0.html アバクロ ジャケット: http://www.afinjapan.com/category-493-b0.html アバクロ メンズ: http://www.afinjapan.com/category-486-b0.html アバクロ Tシャツ: http://www.afinjapan.com/category-491-b0.html アバクロ ジーンズ: http://www.afinjapan.com/category-492-b0.html -- アバクロ ジーンズ &new{2012-03-24 (土) 16:33:41};
- VVK: http://www.feelkanpou.com/product/VVK.html 超級脂肪燃焼弾: http://www.feelkanpou.com/product/SUPERFATBURNING.html 経口避妊薬: http://www.feelkanpou.com/Avoid/Avoid-pregnanting.html 媚薬: http://www.feelkanpou.com/Charming/Charming-medicine.html ru486: http://www.feelkanpou.com/product/RU486.html -- 三便宝 &new{2012-03-24 (土) 16:35:05};
- 福源春: http://www.okkanpo.com/product/47.html 天天素: http://www.okkanpo.com/Product/360.html 早漏防止剤: http://www.okkanpo.com/catalog/Premature-ejaculation.html 滋養強壮: http://www.okkanpo.com/catalog/Nutrition.html 漢方薬: http://www.okkanpo.com/catalog/kanpou.html 勃起促進: http://www.okkanpo.com/catalog/Penis-Erectile.html ED対策: http://www.okkanpo.com/catalog/ED-Improvement.html -- 中絶薬 &new{2012-03-24 (土) 16:36:21};

#comment

//これより下は編集しないでください
#pageinfo([[:Category/インターネット]],2011-09-02 (金) 03:17:00,DOBON!,2011-09-05 (月) 04:05:25,DOBON!)
#pageinfo([[:Category/インターネット]],2011-09-02 (金) 03:17:00,DOBON!,2017-01-28 (土) 00:45:35,DOBON!)
▲ ▼
DoboWiki
