Blog Top

スポンサーサイト

  • このエントリーをはてなブックマークに追加
  • Yahoo!ブックマークに登録
  • Googleブックマークに追加
  • Buzzurlにブックマーク
  • この記事をクリップ!
  • イザ!ブックマーク
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2ブログのトップページにソーシャルブックマークボタンの設置

  • このエントリーをはてなブックマークに追加
  • Yahoo!ブックマークに登録
  • Googleブックマークに追加
  • Buzzurlにブックマーク
  • この記事をクリップ!
  • イザ!ブックマーク

以前の記事で記事ページへの設置方法をエントリーしたので、今回はトップページへの設置方法をエントリー。

トップページへの設置も基本は記事ページの設定タグと変わらない。ただ、何故かYahoo!ブックマークとGoogleブックマークの設定タグに<%enc_blogname>を使うとタイトルが文字化けしまうので、個別にエンコードする必要がある。

トップページにYahoo!ブックマークとGoogleブックマークのボタンを設置する場合は、以下のフォームで変換してから設定タグに挿入する。

使い方は、「エンコード前」にブログ名を入れ、「ブログ名を変換」をクリック。エンコードされた値が「エンコード後」に表示されるので、それをコピーし設定タグの指定の位置に挿入する。

ブログ名エンコードフォーム

エンコード前:

エンコード後:

各ソーシャルブックマークボタン設定タグは以下の通り

はてなブックマーク設定タグ


<a href="http://b.hatena.ne.jp/entry/<%url>" class="hatena-bookmark-button" data-hatena-bookmark-title="<%blog_name>" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

このエントリーをはてなブックマークに追加

Yahoo!ブックマーク設定タグ(【ブログ名】にエンコードしたブログ名を挿入)


<a href="http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=【ブログ名】&amp;u=<%enc_url>&amp;ei=UTF-8" target="_blank"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" /></a>

Yahoo!ブックマークに登録

Googleブックマーク設定タグ(【ブログ名】にエンコードしたブログ名を挿入)


<a href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=<%enc_url>&amp;title=【ブログ名】" target="_blank">Googleブックマークに追加</a>

Googleブックマークに追加(アイコンは用意されていないので、自分で用意する)

livedoorクリップ設定タグ


<a href="http://clip.livedoor.com/redirect?link=<%url>&amp;title=<%blog_name>&amp;ie=utf8" title="この記事をクリップ!" target="_blank"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" width="16" height="16" alt="この記事をクリップ!" /></a>

この記事をクリップ!

Buzzurl設定タグ


<a href="http://buzzurl.jp/entry/<%url>" title="Buzzurlにブックマーク" target="_blank"><img src="http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_mini_05.gif" alt="Buzzurlにブックマーク" /></a>

Buzzurlにブックマーク

イザ!ブックマーク設定タグ


<a href="http://www.iza.ne.jp/bookmark/add/regist/back/<%url>" target="_blank"><img src="http://www.iza.ne.jp/images/common/bookmark_icon22.gif" alt="イザ!ブックマーク" /></a>

イザ!ブックマーク

設定タグをエリア変数で囲んでテンプレートに貼り付ける。


<!--index_area-->
<p>
<a href="http://b.hatena.ne.jp/entry/<%url>" class="hatena-bookmark-button" data-hatena-bookmark-title="<%blog_name>" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
<a href="http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=【ブログ名】&amp;u=<%enc_url>&amp;ei=UTF-8" target="_blank"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=<%enc_url>&amp;title=【ブログ名】" target="_blank">Googleブックマークに追加</a>
<a href="http://clip.livedoor.com/redirect?link=<%url>&amp;title=<%blog_name>&amp;ie=utf8" title="この記事をクリップ!" target="_blank"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" width="16" height="16" alt="この記事をクリップ!" /></a>
<a href="http://buzzurl.jp/entry/<%url>" title="Buzzurlにブックマーク" target="_blank"><img src="http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_mini_05.gif" alt="Buzzurlにブックマーク" /></a>
<a href="http://www.iza.ne.jp/bookmark/add/regist/back/<%url>" target="_blank"><img src="http://www.iza.ne.jp/images/common/bookmark_icon22.gif" alt="イザ!ブックマーク" /></a>
</p>
<!--/index_area-->
関連記事

トラックバック

http://blogmemoblog.blog.fc2.com/tb.php/8-19252eb3

コメントの投稿

管理者にだけ表示を許可する

検索フォーム


RSSリンクの表示

QRコード

QR

問い合わせ

当ブログ管理人への問い合わせはこちらのフォームからお願いします。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。