久しぶりのちょっぴり COREBlog2 ネタ。

COREBlog2 の各エントリに はてなブックマーク へ追加するボタンと、ブックマークされている数を表示するようにしました。

どんな風に表示されるかは画像を見ていただいて、変更は簡単でした。

どっちかというと、画像探したり、はてなブックマークに追加するためのリンクの書き方を調べる方に時間がかかりました。

で、やり方は portal_skins/COREBlog2/cbentry_view を以下のようにカスタマイズします。

変更前:

<ul class="infoBlock">
  <li>
    <a href="permalink"
       tal:attributes="href entry_obj/absolute_url"
       i18n:translate="permalink" >
      Permalink
    </a>
  </li>

変更後:

<ul class="infoBlock">
  <li>
    <a href="http://b.hatena.ne.jp/append?"
       tal:attributes="href string:http://b.hatena.ne.jp/append?${entry_obj/absolute_url}">\
<img src="/hatena_b.gif" alt="はてなブックマーク" title="はてなブックマーク" border="0"/></a>
    <a href="http://b.hatena.ne.jp/entry"
       tal:attributes="href string:http://b.hatena.ne.jp/entry/${entry_obj/absolute_url}">\
<img src="" border="0" tal:attributes="src \
string:http://b.hatena.ne.jp/entry/image/${entry_obj/absolute_url}" /></a>
  </li>
  <li>
    &brvbar;
  </li>
  <li>
    <a href="permalink"
       tal:attributes="href entry_obj/absolute_url"
       i18n:translate="permalink" >
      Permalink
    </a>
  </li>

これだけです。

画像(hatena_b.gif)もダウンロードして custom フォルダに入れておきましょう。

あ、そうそう。 a タグとか img タグ書いてあるところの1行が長いですが、タグの間で改行をしてしまうと空白が入って隙間ができていやだったので、このようにしています。

これを応用すれば、他のブックマークサービスに登録するリンクを作るのは簡単そうです。