はてなスターをつけてみた
はてなスターは、既存のブログにワンクリックで☆が付けられる、あなたのブログをもっと楽しくするサービスです。はてなダイアリー以外のブログサービスでもご利用になれます。
はてなの新サービス「はてなスター」が始まりましたねー。
これって、WEB拍手みたいな感じなのかなー。はてなブックマークよりもゆるーい感じに使えそうな感じです。
それに、自分のエントリのタイトルに星がついていくのもなんとなく楽しげです。
というわけで、さっそくこのブログにも設置してみました。
まず、はてなスターはじめてガイド - Hatena Starここで、以下のスクリプトをコピーします。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
これをMTのメインページ、個別エントリ、カテゴリアーカイブ、日付アーカイブの</head>の上あたりにペーストします。
つまり、こんな感じで。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
</head>
アーカイブページは、すべてのエントリ一覧が表示されちゃうので、さすがに負荷が高いかなと思いはずしました。
ですが、これだけじゃうまくいかなくて、テンプレートを修正しました。
どうやら、☆がつくのは
<h3><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h3>
という構造になっているところになるみたいで、テンプレートを修正する必要がありました。
具体的には
<h3><$MTEntryTitle$></h3>
となっているところを
<h3><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h3>
って感じに修正しました。
こうすると、エントリのタイトルの色がリンクの色に変わっちゃうので
h3 a:link,
h3 a:visited,
h3 a:active,
h3 a:hover {
color: #666;
}
というのをCSSに追加しました。
これで、再構築をして出来上がり。
このエントリにもついてると思うので、良かったら☆つけてくださいませ。
投稿者 CHEEBOW : 2007年07月12日 12:44
[ Movable Type ]
トラックバック
このエントリーのトラックバックURL:
このリストは、次のエントリーを参照しています: はてなスターをつけてみた:
» はてなスターまとめ from 萌え理論Blog
はて☆すた はてな界隈で大不評の「はてなスター」ですが、カオスあるところにまとめあり。ブログのネタにしたい人は必見のまとめに仕上がりました。あの人もこの... [続きを読む]
トラックバック時刻: 2007年07月15日 19:58
コメント:
こんにちは。はてなスタッフの山田と申します。はてなスターをご利用いただきありがとうございます。
はてなスターをブログに設置する際の参考リンクとして、この記事をはてなスター日記で紹介させていただきました。もし問題がありましたらお知らせいただけますでしょうか。
http://d.hatena.ne.jp/hatenastar/20070707/1184455480
投稿者 kiyohero : 2007年07月15日 14:10