このブログにもはてなスターを付けてみました

書いた人: noriaki 2007,12月23日(日) 00:30

このブログの各エントリにもはてなスターを付けられるようにしました.

未対応のブログが対応するには、Hatena.Star.EntryLoader.headerTagAndClassNameに見出しの要素名とクラス名を指定すると良いようです。このTypoのテーマはH2要素でクラス名がtitleなので、上記のように指定しました。あとは設定画面でキャッシュをクリアすれば各記事のタイトルにはてなスターの星マークが付くはずです。

A mere typo : はてなスター

いつも拝見しているA mere typoさんの記事を参考にしました.というよりほぼそのままです.

修正したのは,Typo側のソースで,個別エントリの部分rhtmlファイルapp/views/articles/_fullarticle.rhtmlの先頭行で,以下のようにリンクになるように変更しました.

<h2><%= article_link @article.title, @article %></h2>

あとは,このテーマのlayoutファイルthemes/azure/layouts/default.rhtmlの末尾,bodyタグの前に以下のコードを追加しました.

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
  Hatena.Star.Token = 'fb3a20c2680303a89649e8f2046cbe68cba1fe77';
  Hatena.Star.SiteConfig = {
    entryNodes: {
      'div.post': {
        uri: 'h2 a',
        title: 'h2',
        container: 'h2'
      }
    }
  };
</script>

各エントリタイトルの横にはてなスターボタンが付いてますので,お気軽にぽちっとしてやってください.

このエントリをdel.icio.usにブックマークしているユーザ数このエントリをdel.icio.usに追加する
このエントリをはてなブックマークしているユーザ数このエントリをはてなブックマークに追加する
 | Tags

このエントリはアーカイブされています。
コメントする場合は、お手数ですが「このページのURL」を記載した上で、新しいエントリにお願いします。