Home > スポンサー広告 > FC2ブログで「はてなスター」を導入してみた

スポンサーサイト

-------- (--)
スポンサー広告

Check

Comments (Close): -
TrackBack (Close): -

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Facebookでコメント

ZenBack

最近閲覧数が多い記事

Newer: MS-14D Thanks 200000Hit!
Older: 「メルト」がない生活は考えられません←結論

Comments:-

Home > スポンサー広告 > FC2ブログで「はてなスター」を導入してみた

Home > FC2ブログカスタマイズ > FC2ブログで「はてなスター」を導入してみた

Newer
Older

FC2ブログで「はてなスター」を導入してみた

2007-12-19 (Wed)
FC2ブログカスタマイズ

Check

Comments: 0
TrackBack (Close): -

はてなスターを導入してみた。
発行されるタグを埋め込むだけでは、動作しないブログが多いため、
意外ととっつきにくいはてなスター。
しかしながら、それだけに導入してるとちょっとデキルブログっぽくてかっこよい。

なので、このブログにもいまさらながら導入してみた。

導入方法は下記。

まずは、はてなスターの"外部ブログを登録する"でブログのURLを登録する。
下記のようなタグが発行される（赤字のところは個別に発行される）。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = 'aab3bba894e27d6f4dc1210aece06c0dd8d7ee78';
</script>

少し難しいのは上記のタグをブログのHTMLにあわせて少しコードを変えなければいけない。
見る必要があるのは記事タイトルを記述しているHTMLのところ。
このブログは下記のようになっている。

<div class="main_title" style="padding-left: 0px; padding-bottom: 0px; border-bottom: 5px solid #B0C4DE; font-size: 16px;">
<a href="<%topentry_link>" title="【<%topentry_title>】の記事アドレス"><%topentry_title></a></div>

上記のタグの赤字にしたところにあわせて、はてなスターのタグを編集する必要がある。
このブログは"div"と"main title"になっているので、下記のように編集する。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = ''aab3bba894e27d6f4dc1210aece06c0dd8d7ee78';';
Hatena.Star.EntryLoader.headerTagAndClassName =　['div','main_title'];
</script>

そうしたら、はてなスターを表示させたいところにこのタグを埋め込むだけ。

難しいようで、実は簡単簡単。

これで、ちょっとデキルブログに君もTRY!

関連記事