少し前からこのブログの記事タイトルの横に が付いていますが、これは「はてなスター」というもので、各記事に対して評価をいただくものです。
コメントはちょっと・・・って方でも、これならですよね。
これは滋賀咲くブロガーのお京さんから教えていただいたもので、オモシロそうで気に入ったので設定してみました。
お京さん、ありがとうございます

お京さんのブログ → 滋賀咲くブログで やってみよう♪

っというわけで、僕も設定方法を紹介したいと思います


設定

滋賀咲くぶろぐにはてなスターを設置するには、「トップページ」、「個別記事」、「アーカイブ」に設定します。
まずそれぞれのhtml内から「</head>」を探してください。
その上に次の文章を加えます。

<!--はてなスター--> <script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script> <!--はてなスターEND-->

入力するのは少し大変かと思いますから、上の文章をコピー＆貼り付けしてくださいね。
設定が解りやすいように画像を用意したので御覧下さい。



これで完了です。


まとめ

どうでしたか上手く設置できたでしょうか。
はてなスターへの登録方法が分からなかった方は、こちら でどうぞ。
はてなスターのカスタマイズ方法も載ってますから、興味のある方はチャレンジしてみてくださいね。

オモシロい記事をいっぱい書いて、いっぱいをもらっちゃいましょう
それではお疲れ様でした

設置が上手くいかない場合

はてなスターが上手く表示されてなかったり、設置されているのに「無効なURIを受け取りました」と表示されたりしていませんか


ケース1

まず完全に表示されていない場合は、「トップページ｣、「個別記事」、「アーカイブ」の記事タイトル部分を見直してみてください。

<h3 class="title"><%EntryTitle%></h3>

この「h3」が「h2」などになってはいませんか
はてなスターの基本jsは「h3」が対応と設定されていますから、もし「h2」となっているのでしたら「h3」と書き換えてください。
これでOKだと思います。


ケース2

つぎに表示されているのにクリックをしても「無効なURIを受け取りました」とエラーが表示される場合は、「トップページ」と「アーカイブ」が以下のようになっていませんか

<h3 class="title"><a name="<%EntryId%>"></a><%EntryTitle%></h3>

または

<h3 class="title"><a name="<%EntryId%>"></a><a href="<%EntryPermalink%>"><%EntryTitle%></a></h3>

これは「<h3 class="title">～</h3>」の間に「<a name="<%EntryId%>"></a>」が入っているのが原因だと思います。
この「<a name="<%EntryId%>"></a>」を外してやれば、はてなスターは正しく機能すると思います。
ですから以下のようにでも書き換えてください。

<a name="<%EntryId%>"></a> <h3 class="title"><a href="<%EntryPermalink%>"><%EntryTitle%></a></h3>

これでこっちの場合でもOKだと思います。