やっとこさのことですが、はてなスターを付けました。思い立ってからどんだけ放っておいたのだろうか。Javascriptをいじらなきゃと身構えたものの、簡単でした。
確か@spring_maoちゃんが「はてなスターって付けると、ほにゃらら〜」と言っていたのを聞いて、自分のブログにもはてなスターを付けようと思い立ってから早数ヶ月。多分、いやきっと。やっとこさ、はてなスターを付けました。
さらっと見たら、タイトルの所だけにしか付けれませんよ、みたいな話になっていた。そりゃ、困る。せっかく上の所に大きく出しているのに、邪魔になるじゃないか。ということで苦肉の策を決行しました。
瞬殺しました
どうやってやるかと言いますとな。ここを見まして、ぽいぽいぽいのぽぽいのぽ〜いで出来ると思うんですよ。もう面倒だから詳しい話は抜きにしちゃいます。
はてなスターをブログに設置するには – はてなスター日記 
ちなみにWordpressでやってますよで紹介されているリンクは全然役に立たなかった。もちろん、自分が変なことをしようとしていたから。ここにあるサンプルではh3タグになっているけども、自分のところにあるパーマリンク付きのタイトルを囲っているタグで設定すればOK。記事だけのページだったら、h2あたりになっているのでそれに変える。エントリーを囲っているのはないのだったら、自分で作る。<div class=”HatenaS”>なんかにして、div.HatenaS{…}とすればいい。
ということで、下の様に仕込みました。例の如く、function.phpに盛り込んで、自動でヘッダー部分に読み込まれるようにしてあります。
<?php
/* Hatena Star */
add_action('wp_head', 'ha');
function ha() { ?>
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '5397683fb1a8f81985ac4bb00e097d58074b426b';
//Tokenは自分のトークンにする。
Hatena.Star.SiteConfig = {
entryNodes: {
'div#single-post': {
//エントリーを囲むタグ
uri: 'document.location',
//タイトルを指定するか、記事だけのページならこれで。
title: 'document.title',
//同上
container: 'div.HatenaS'
//好きなところに付けたいなら、これも適当に作ってしまう。
}
}
};
</script>
<?php } ?>
見た目は悪いかもしれない
これは、気付かない人も多いんじゃないでしょうかね。だとしても、まあいいのですが。横幅のあるもっといい場所はないのでしょうか。いえ、タイトルの横に素直に付ければいいというのはなしとして。
あー。それと一緒にTopHatenarにも登録しました。以前話題のあったBlogopolisに対応するためです。OpenID調べた後headerにいれたものの上手くいかなくて放置していました。こちらのサイトのおかげで導入することが出来ました。
はてなダイアリー以外の人が「Blogopolis」でルーフペイントを利用する方法！！
というわけで、ブログの改修がちゃくちゃくと進んでいるわけです。それよりも、記事書けよって話です。はい。とりあえずネタを見つけられるように頑張ります。はい。
最後に
もし、このブログの内容が役に立つと思ったら、ぞうさんを。
熱烈にプッシュして下さるなら、Bさんを。
これからも読み続けてもいいなら、きつねくんを。
それぞれクリックして頂けると嬉しいですヾ(*´∀｀*)ﾉ