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

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

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

導入方法は下記。

まずは、はてなスターの"外部ブログを登録する"でブログの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!

｜ハッ方美人 ｜にゃごログ ｜Tool The Best ｜つかえるクマー? ｜Tools & Toolz ｜Neta Blog ｜Tool is Over! ｜ぬるぽ伝説。 ｜パソコンなら何でもできる ｜神ノ業 ｜NET屋 ｜二十歳街道まっしぐら ｜About Net ｜Shallow Knowledage ｜裏風 ｜Leftover ｜底なし沼 ｜BII ｜( _。д゜)ｱｳｱｳｱｰ ｜DeSpErAdO ｜ツールや裏技を紹介するブログ ｜月を見上げる丘 ｜SWFBLOG ｜らくがきちょう ｜ブログパーツを探せ ｜珍問屋 ｜気になる、記になる ｜裏技ShopDD ｜つ〜る&だいあり〜 ｜フリーソフト・無料ゲーム情報 ｜雪傘 ｜なんでも情報ちゃんねる ｜ニコニコ動画まとめブログ SMiLE ｜っうぇｗｗｗｗ ｜ＤＩＧＩＴＡＬ　らいふ ｜池袋に住む23歳のブログ ｜PC便利TOOlz ｜waroz ｜ｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌｌ ｜初心.net ｜Convenient Tools ｜リシャフト通信 ｜Nori's Entertainment inc. ｜MarronAprico. ｜DeepNeter ｜LuckyTools ｜なんでもブログΣ ｜花華花だよりプラスα ｜ほぼ、ニコニコなブログ ｜SorairoTools.com ｜イミナス ｜X-Tools ｜Win Skill ｜News人 ｜NYORO-N-BLOG ｜恐竜の卵 ｜AbyssalTool ｜〜#1090〜 ｜おもしろ便利サイト紹介ａｎｄフリーソフト【ｏｍｏｒｏブログ】

Name:
Mail:
URL:
Comment:
Pass:

Secret

TrackBackURL