ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

モード変更

この記事に含まれるタグ (Keyword) :
ソーシャルブックマーク  追加ボタン  スクリプト未使用  

スポンサーサイト

--/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-.html

--/--/-- ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |

FC2 ブログ記事にブックマーク追加ボタンを

2009/04/13 (月)  カテゴリー: ブログカスタマイズ中級

スクリプトを使わず、FC2ブログのブログ記事 に ソーシャルブックマーク に追加するボタン(リンク) を設置する方法。 現在、設置しているブックマーク等のリンクは 「この記事を含む はてなブックマーク」 「Google Bookmarks」 「Yahoo!ブックマーク」 「livedoorクリップ」 「Facebook でシェアする」 「Twitter でつぶやく」 の6つです。 順次更新

ソーシャルブックマークに追加ボタンの設置

追加ボタンは、javascript を使って設置しているサイトが多いですが、これらは スクリプトを使わなくても利用できるものですのでその方法を紹介します。 ここに載せたもの以外でも同様の方法で利用できると思います。 また、「IE のお気に入りに追加」 と 「Firefox のサイドバーに追加」 用のリンクも(使ってはいませんが...)参考までに載せておきます。

※画像のパス と 画像のサイズ は、各自変更してご利用ください。

【 参照 : 直接編集OK 整形済みコピー用ソース
はてなブックマーク この記事を含む はてなブックマーク
<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_hatena.gif" title="この記事を含む はてなブックマーク" alt="はてなブックマーク" width="16" height="16" /></a>
Google Bookmarks この記事を Google Bookmarks に登録する
<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=<%topentry_link>&amp;title=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_google.gif" title="この記事を Google Bookmarks に登録する" alt="Google Bookmarks" width="16" height="16" /></a>
Yahoo!ブックマーク この記事を Yahoo!ブックマーク に登録する
<a rel="nofollow" href="http://bookmarks.yahoo.co.jp/action/bookmark?t=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91&amp;u=<%topentry_enc_link>" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_yahoo.gif" title="この記事を Yahoo!ブックマーク に登録する" alt="Yahoo!ブックマーク" width="16" height="16" /></a>
livedoorクリップ この記事を livedoorクリップ に登録する
<a rel="nofollow" href="http://clip.livedoor.com/clip/add?link=<%topentry_link>&amp;title=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91&amp;jump=ref" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_live.gif" title="この記事を livedoorクリップ に登録する" alt="livedoorクリップ" width="16" height="16" /></a>

livedoorクリップ は、2012年10月10日でサービス終了となりました。
FC2ブックマーク この記事を FC2ブックマーク に登録する
<a rel="nofollow" href="http://bookmark.fc2.com/user/post?title=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91&amp;url=<%topentry_link>" target="_blank"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_fc2.gif" title="この記事を FC2ブックマーク に登録する" alt="FC2ブックマーク" width="16" height="16" /></a>&nbsp;

FC2ソーシャルブックマーク は、2011年2月16日でサービス終了となりました。

Facebook この記事を Facebook でシェアする
<a rel="nofollow" href="http://www.facebook.com/sharer.php?u=<%topentry_enc_link>" target="_blank"><img src="http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/s_facebook.gif" title="この記事を Facebook でシェアする" alt="Facebook" width="16" height="16" /></a>
Twitter この記事について Twitter でつぶやく
<a rel="nofollow" href="http://twitter.com/share?url=<%topentry_enc_link>&amp;text=<%topentry_enc_utftitle>%20%E3%80%90%20<%enc_blogname>%20%E3%80%91&amp;via=ツイッターID&amp;lang=ja" target="_blank"><img src="http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/s_twitter.gif" title="この記事について Twitter でつぶやく" alt="Twitter" width="16" height="16" /></a>

&amp;via=ツイッターID 部分はツイッターを使っていない方は省略します。
※ツイッターを使っている方は ID(アカウント名)を任意に設定(省略可)。

IE この記事を IEのお気に入り に追加する
<a href="javascript:window.external.AddFavorite
('<%topentry_link>','<%topentry_title> 【 ありのごとくあつまりて 】')"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_favorite2.gif" title="この記事を IEのお気に入り に追加する" alt="IE" width="16" height="16" /></a>
Firefox この記事を Firefoxのサイドバー に追加する
<a href="javascript:window.sidebar.addPanel
('<%topentry_title> 【 ありのごとくあつまりて 】','<%topentry_link>','')"><img src="http://blog-imgs-18.fc2.com/a/r/i/arinogotokuatumarite/b_firefox.gif" title="この記事を Firefoxのサイドバー に追加する" alt="Firefox" width="16" height="16" /></a>

赤文字部分■色文字部分 を変更すれば使えます。
ソーシャルブックマーク用 のリンクでは 記事タイトルやブログタイトル を エンコード化するというのがポイントで、■色文字部分 はこのブログでは  【 ありのごとくあつまりて 】 に相当します。

Web便利ツール/URLエンコード・デコードフォーム - TAG index Webサイト などを利用させてもらって  【 ありのごとくあつまりて 】 部分を変換。(文字コード UTF-8 を選択)
【 → %E3%80%90 
】 → %E3%80%91 
半角スペース → %20 
ありのごとくあつまりて 部分は <%enc_blogname> を利用していますが、直接 エンコード化 したものをまとめて貼り付けした方が簡単かもしれません。

 ○○ user  といった ブックマーク数 も一緒に入れたい場合には、各ソーシャルブックマークサービス(SBM)のブックマーク数画像表示APIを調べた などが参考になるかと思います。 ただ、ブックマークされていれば その数に該当する画像を表示, ブックマークされていなければ 1×1 の 透過画像 を表示 というようなものなので、 画像サイズを指定できず、読み込みに失敗すると × と表示されてしまうことも。。。 私は外しましたが、あると結構楽しいかも?
「はてなブックマーク」 の場合、はてなブックマークカウンター などもあるので、 (ブックマークされたかどうかは) 他の方法でも簡単に確認できます。

キーワード検索 : ソーシャルブックマーク  追加ボタン  スクリプト未使用  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-69.html

2009/04/13 ~ | Comment (3) tweet? | ↑ ページ先頭へ ↑ |
 @arinogotoku
  • paruparu (arinogotoku) on Twitter
    ツイートが上手く表示されない時は Twilog or 公式Twitter などから見てください。

-3 Comment


はてなブックマークに rel="nofollow" を付けないのには何か理由があるのでしょうか?

モカ |  2011/11/12 (土) [ 編集 ] No.1169


はてなブックマーク は 「はてなブックマークに追加」 ではなくて
「この記事を含む はてなブックマーク」 としているのですが、ログイン不要 で誰でも(ロボットでも) 閲覧できるページに繋いでいます。 該当ページをクロール可能かで分けているので、

はてなブックマークに追加 なら...
<a rel="nofollow" href="http://b.hatena.ne.jp/append?<%topentry_link>" target="_blank">(省略)

この記事を含む はてなブックマーク なら...
<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank">(省略)

というような感じで良いかと思います。

参考:
rel="nofollow" 属性について - ウェブマスター ツール ヘルプ
http://www.google.com/support/webmasters/bin/answer.py?hl=ja&answer=96569
「クロールの優先順位付け: 検索エンジンのロボットはログインやメンバー登録ができないため、Googlebot に「登録」や「ログイン」などのリンクをクロールさせても意味がありません。」

paruparu |  2011/11/12 (土) [ 編集 ] No.1170


ありがとうございます

疑問解決しました。

はてなブックマークに追加だと思ってたので書き換えなくては^^;

モカ |  2011/11/13 (日) [ 編集 ] No.1171

コメントを投稿する 記事: FC2 ブログ記事にブックマーク追加ボタンを


お気軽にコメントをどうぞ。
ソースコード等の < と > は (実態参照に変換されるので) そのまま使ってOKです。 & は 全角 に変えて使ってください。

  任意 : 後から修正や削除ができます。
  非公開コメントとして投稿する。(管理人にのみ公開)
 

Trackback


この記事にトラックバックする (FC2ブログユーザー限定)

購読ボタン を付けてみた

コメント記入欄に Twitter,hatena,Facebook を入れているが それほど、利用がないので開閉式に変更。その代わり、 購読ボタンを付けてみた。 feed,Twitter,Facebook,はてブ,やふブに、日本ブログ村まで 参...

『映画な日々』 cinema-days 2011/08/28
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。