ブログらしくブックマークなどに登録してもらう為のリンク追加

Other 2月 10, 2008
(Last Updated On: 2018年8月14日)

たいした事を書くつもりが無かったので、読んでみたいと思っていただいた方や検索エンジンから見つけて読んでいただける方だけで良い、とブックマークサービスなどに追加するボタンを付けていませんでした。時代が時代なので遅ればせながら付けてみました。
# と言っても自分自身はソーシャルブックマークサービスを利用していません。
# 問題があったら教えてください。

このブログに貼付けたボタン/リンクは、以下のサイトとURLから生成したかURLの情報を参考に作成しました。

他にこれもというサイトがあれば教えてください。リモートのJavaScriptを読み込まないサービスであれば追加したいと思います。

RSSリーダ型

iGoogleに追加

http://www.google.co.jp/webmasters/add.html
ガジェットやRSSを追加するHTMLコードを生成できます。トップページ右のサイドバーにのみ付けています。

はてなRSSに追加

http://r.hatena.ne.jp/help#addto
ブログに貼り付けるHTMLコードを生成できます。トップページ右のサイドバーにのみ付けています。

Livedoor Readerに追加

http://reader.livedoor.com/guide/rssreader.html
見落としているだけと思いますが、公式な購読リンクの作り方が解説されているページが見当たりませんでした。購読リンクの付け方は簡単なので既にLivedoor Readerに登録リンクが設定されているページを参考に作りました。

My Yahoo!に追加

http://my.yahoo.co.jp/s/guide/button/addtomy/index.html
ブログに貼り付けるHTMLコードを生成できます。後述するYahoo!ブックマークはJavaScriptを利用しているのでJavaScriptが無効な場合、利用できませんがMy Yahoo!に追加は通常のリンクになっています。トップページ右のサイドバーにのみ付けています。

ブックマーク型

はてなブックマークに追加

http://b.hatena.ne.jp/help/button
メジャーなブログサービスへの追加方法が記載されています。JavaScript無しで追加できるのでセキュリティ上は問題無し。

個別(permalink)のページとトップページ右のサイドバーに付けました。

関連項目

ライブドアクリップに追加

http://clip.livedoor.com/guide/blog.html
はてなのページの方が解りやすいですが、Webサイトをちょっといじった事がある方ならこの程度の説明でも十分と思います。ライブドアブログを利用している方なら簡単に追加できるようです。こちらもJavaScript無しで追加できます。

個別(permalink)のページに付けました。

Buzzurl[バザール]に追加

http://buzzurl.jp/icongenerator/
こちらはSeesaa、FC2、Bloggerなどのブログ用のコードを生成できるようになっています。基本的に
permalinkを付ければ良いだけなので「はてなブックマーク」と使い方は同じです。

Yahoo!ブックマークに追加

http://bookmarks.yahoo.co.jp/settings/tools/savelink
JavaScriptを利用しているのでNoScriptなどが有効な場合利用できない。JavaScriptを使用していますがリモートのJavaScriptは読み込んでいないのでセキュリティ上の問題はない。

個別(permalink)のページとトップページ右のサイドバーに付けました。

AddClips

http://www.addclips.org/create.htm
いろいろなソーシャルブックマークに対応している。一発で多くのサイトに対応できるのは便利だが、リモートのJavaScriptを読み込んでいるのでこのサービスを信用していないと使えない。JavaScriptを使用しているので当然、NoScriptなどでJavaScriptをブロックしている場合は利用できない。大手サービスでも採用しているようですが個人サービスなのでその辺りが心配なところです。

このブログにも貼り付けようかと思いましたがJavaScriptを読み込んでいるので止めました。リモートJavaScript無し版があれば使ってみたいです。

個別エントリに貼り付けたコード

b2evolution 2.xを使っている方で、evopressに似た構造のスキンを使っていないと、そのまま使えないとは思います。参考までに個別エントリに貼り付けたコードを書いておきます。

single.main.phpの適当な場所に貼り付けるとブックマーク用のボタンが表示されます。


<a href="http://b.hatena.ne.jp/entry/<?php echo $Item->get_permanent_url(); ?>">
<img src="http://blog.ohgaki.net/media/users/yohgaki/b_entry.gif" width="16" height="12" style="border: none;"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>

<a href="http://clip.livedoor.com/redirect?link=<?php echo $Item->get_permanent_url(); ?>&title=<?php echo $Item->title;?>&ie=utf-8" class="ldclip-redirect" title="この記事をクリップ!"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_12_w.gif" width="16" height="12" alt="この記事をクリップ!" style="border: none;vertical-align: middle;" /></a>

<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/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;"></a>

面倒がってGoogleやAmazonへのリンク等が正しいXHTMLでなかったのを修正していませんでした。いろいろ貼り付けたついでにValid XHTMLとしてエラーが出ないように調整しました。

投稿者: yohgaki