blog*citron

BlogPeopleやMyBlogList、RSSリーダー、アンテナ…色々サービスがあり、お気に入りのサイトの更新チェックに利用している人も多いと思います。ListMeは、各サービスの利用者に1クリックで簡単にサイトを登録してもらえるリンクです。気に入ったらまた来て下さいね～な気持ちでつけています。

でもBlogPeopleやMyBlogListのListMeのコードをそのまま使うと、登録されたタイトルが、その時見ている記事のタイトルやURLになってしまう場合があるんですよね。相手のリンクリストにエントリ名つきで登録されるのはちょっと恥ずかしいなぁと思い、どのページでクリックされてもタイトルとURLが変わらないようにJavaScriptを書いたみたり。自分用のカスタマイズですが参考になれば…。

・★URL★や★サイト名★は自分のサイトにあわせて書き換えて下さい。
・タグの説明はここで見やすくするために改行して書いています。コピペする時には改行部分に余計なスペースが入らないように気をつけて下さい。
・sb,MT,ロリポブログ等HTMLが編集できるブログなら共通で使えると思います。
・sbの方はサイト名に{site_title}を使うと、個別エントリ表示中のタイトルが【サイト名 | エントリ名】の為、エントリ名を含むサイト名で登録されてしまいます。直接書き込む方がオススメ。

▼BlogPeopleの場合

<a href="javascript:void(bloppop=window.open(
'http://www.blogpeople.net/addlink.jsp?n=1&u=' + escape('★URL★') +
'&ti='+escape('★サイト名★'),'blop','scrollbars=no,width=475,height=350,
left=75,top=175,status=yes,resizable=yes'));" title="BlogPeopleに登録">BlogPeopleに登録</a>

▼MyBlogListの場合

<a href="javascript:void(window.open('
http://list.myblog.jp/shortcut/bookmarklet_add_list?title='+escape('★サイト名★')+'&url='+escape('★URL★'),
'AddList','scrollbars=no,width=480,height=320,left=100,top=100,status=yes,
resizable=yes'))" title="MyBlogListに登録">MyBlogListに登録</a>

▼BlogPeopleTagsの場合（ソーシャルブックマーク）

<a href="javascript:void(window.open(
'http://tags.blogpeople.net/tags_addlink.jsp?u='+escape
('★URL★')+'&ti='+escape('★サイト名★'),'BlogPeopleTags',scrollbars=no,
width=480,height=320,left=100,top=100,status=yes,resizable=yes'))" title="BlogPeopleTagsに登録">BlogPeopleTagsに登録</a>

▼はてなアンテナの場合

<a href="http://a.hatena.ne.jp/append?★URL★" title="はてなアンテナに登録">はてなアンテナに登録</a>

▼Bloglinesの場合（RSSリーダー）

<a href="http://www.bloglines.com/sub/★URL★" title="Bloglinesに登録">Bloglinesに登録</a>

▼はてなRSSの場合（RSSリーダー）
sbユーザーは★URL★の部分を{site_rss}にすればOK

<a href="http://r.hatena.ne.jp/add?mode=confirm&url=★URL★" title="はてなRSSに登録">はてなRSSに登録</a>

▼MyYahoo!RSSリーダーの場合
sbユーザーは★URL★の部分を{site_rss}にすればOK

<a href="http://e.my.yahoo.co.jp/config/jp_promo_content?.module=
jp_rss&.url=★URL★" title="MyYahooのRSSリーダーに登録">MyYahoo!RSSに登録</a>

▼応用編
私はあまり縦長にしたくなかったので、罫線を使って2列のリスト風にしていますが（サイドバーINFO参照）、</a>の前にある○○に登録という部分を画像にすれば、ListMeのボタンをアイコンやバナーにすることもできます。
例）BlogPeopleのListMeを画像にする場合

<a href="javascript:void(bloppop=window.open(
'http://www.blogpeople.net/addlink.jsp?n=1&u=' + escape('★URL★') +
'&ti='+escape('★サイト名★'),'blop','scrollbars=no,width=475,height=350,
left=75,top=175,status=yes,resizable=yes'));" title="BlogPeopleに登録">
<img src="ListMe用画像のURL" width="幅" height="高さ" alt="ListMe!"/></a>

winXPのIE6.0、Opera8、Firefox1.03で動作確認済み。でもJavaScriptの知識は乏しいのであまり信用しないで下さい（笑）（なんかマズイ間違いをしていたらご指導をよしなに…）