【メモ】Bloggerにはてなスターをつけてみた

一応、はてなスターをブログに設置するにはを参考にやってみたが、Bloggerのテンプレートが違うせいか、そのままだとできなかった。以下のようにやったらできた。

１）Tokenの下にheaderTagAndClassNameを追加

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = 'xxxxxx';
Hatena.Star.EntryLoader.headerTagAndClassName = ['h3','post-title'];
</script>

２）post-titleを以下のように修正

<h3 class="post-title">
<a href="http://www.blogger.com/<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemTitle$></a>
</h3>

３）.post-titleにdisplay: inline;を追加

.post-title a, .post-title a:visited, .post-title strong {
display:block;
text-decoration:none;
color:#c60;
font-weight:normal;
display: inline;
}