2005年11月17日

はてなブックマークとはてなアンテナのアイコン設置方法(seesaa) このエントリーをはてなブックマークに追加

こんにちは。海山商事の穴子(あなご)です(嘘です)。
って、穴子さん、27歳ってまじかよ?

少し前から、このblogにはてなアンテナとはてなブックマーク登録のショートカット用のアイコンを設置した。

どうやるかはこんな感じで書き換えるばい。

seesaa blogの管理画面から「デザイン」→「コンテンツ」と進み、「記事」を選択して記事(ページコンテンツ)の設定の右側の「コンテンツHTML編集」を選択する。

タイトルの横あたりに置きたい人は、
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>

のあたりを
<h3 class="title"><a href="http://b.hatena.ne.jp/append?<% article.page_url %>" target="_blank"><img src="http://d.hatena.ne.jp/images/b_append.gif" border="0" alt="この記事をはてなブックマークに登録"></a><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>

に書き換える

コメント付近に置きたい人は、
posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%>

のあたりを
<div class="posted"><a href="http://b.hatena.ne.jp/append?<% article.page_url %>" target="_blank"><img src="http://d.hatena.ne.jp/images/b_append.gif" border="0" alt="この記事をはてなブックマークに登録"></a> | posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%>

に書き換える。

で、再構築すればできあがり。

はてなブックマークはサイト全体をブックマークするという使い方ではなく、記事をクリップするという使い方が強いと思われるため、記事のURLが必要になるのだが、seesaaのカスタマイズ時にはそのURLを article.page_url という変数で渡している。
で、はてなブックマークはappend?の後に対象のURLを渡してあげればブックマークされる仕組みである。なので、対象の記事のURLが変わると当然渡されるURLも異なるため、HTML編集が必要になってくるのだ。(うーむ)

ちなみに「はてなアンテナへ登録」と「はてなRSSに追加」のアイコンの追加はもっと簡単である。
一番簡単な方法は、「デザイン」→「コンテンツ」と進み、新しいコンテンツの追加で「自由形式」を選択し適当な場所に追加して、下記のよーに書いておく。

■「はてなアンテナへ登録」のアイコン追加
<a href="http://a.hatena.ne.jp/append?http://ryouchi.seesaa.net/" target="_blank"><img src="http://d.hatena.ne.jp/images/a_append.gif" border="0" alt="はてなアンテナ登録"></a>

■「はてなRSSに追加」のアイコン追加
<a href="http://r.hatena.ne.jp/append?http://ryouchi.seesaa.net/" target="_blank"><img src="http://www.hatena.ne.jp/images/rss.gif" border="0" alt="はてなRSSに追加"></a>

で、再構築すれば完了である。
はてなアンテナとはてなRSSはサイト全体の問題であるため、記事ごとに変動しないため決め打ちで書いておけばよい。

#うーむ、またはてなユーザが増えていくのか・・・
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: