#title(Yahoo!ブックマークに登録ボタンを表示する) #contents -[[「様々なシェア、ブックマークボタン(Google+1、twitter、facebook、はてななど)を表示する」に戻る>../]] *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> }} 小さい画像ボタンで、同一画面内遷移、カウンタは数字のみ表示、文字サイズ小とした時のコードは、以下のようになります。 #prescroll(wrap=true){{ <a href="javascript:location.href='http://bookmarks.yahoo.co.jp/action/bookmark?t='+encodeURIComponent(document.title)+'&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] - SEO対策,SEO対策サービス,検索エンジン最適化,中国SEO対策を提供して、中国と日本では成果報酬型の有名なseoサービス会社です。SEOINJAPAN.COMのホームページは、早く、安く中国語サイトを立ち上げたいお客様とって、いろんなメリットがあります。たくさんの成功実績を持っています。検索エンジン上位表示でアクセス数の増加をしたいなら、こちらをお任せてください!! ホームページ制作:http://seoinjapan.com/about/homepag_other.html -- ホームページ制作 &new{2012-06-20 (水) 18:30:15}; #comment //これより下は編集しないでください #pageinfo([[:Category/インターネット]],2011-09-02 (金) 03:17:00,DOBON!,2012-03-25 (日) 04:21:46,DOBON!) |