Movable Type4にはてなスターを設置2

user-pic
12

先日、はてなスター設置方法について記事投稿しましたが、あまりすっきりとしないため、ぼんやりと考えていたのですが、タグとクラスとパーマリンクがセットになっていればいいのだから、なにもhタグにこだわる必要もなく、livedoorの設置例のように消してしまってもよいなら...

ということで、作業してみました。

Movable Type管理画面のデザイン→テンプレート クイックフィルタのテンプレートモジュールでヘッダーを選択して</head>の上あたりに

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.EntryLoader.headerTagAndClassName = ['span','star'];
Hatena.Star.Token = 'あなたのトークン';
</script>

上記HTMLコードを貼り付け、保存します。

starは任意のクラス名です。あなたのトークンは、取得したトークンを貼り付けます。

 

次に、クイックフィルタのテンプレートモジュールをクリックし、ブログ記事の詳細を開きます。

 <h1 class="asset-name"><$MTEntryTitle$></h1>

とある部分を

<h1 class="asset-name"><$MTEntryTitle$><span class="star"><a href="<$MTEntryPermalink$>" class="hidden">スター</a></span></h1>

に変更し、保存します。"hiden"と"スター"は任意の名前"スター"は入れなくても大丈夫です。

 

次に、テンプレートモジュールのブログ記事の概要を開きます。

<h2 class="asset-name"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h2>

とある部分を

<h2 class="asset-name"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><span class="star"><a href="<$MTEntryPermalink$>" class="hidden">スター</a></span></h2>

に変更し、保存します。

 

インデックステンプレートにあるスタイルシート(ベーステーマ)もしくは、そのテーマで使用しているスタイルシートに

.star .hidden {
    display: none;
}

を追記し、保存します。

これで再構築すれば、スターの設置が完了です。

この方法だと

<span class="star"><a href="<$MTEntryPermalink$>" class="hidden">スター</a></span>

をhタグの中に含める必要もなくなってきますのでお好きな場所に設置できると思います。

関連のありそうな記事

トラックバック(4)

トラックバックURL:

ちょっとMacなWeblog。 - Blogいろいろいじり。 (2008年2月 4日 14:20)

はてなスターを設置し...  → 続きを読む

前のエントリーHatena starを付けてみるで、はてなスターをつけてみたとこ...  → 続きを読む

あかつき財務戦略研究所@MBCS - はてなスターを設置してみた (2008年11月23日 04:57)

はてなスターを設置してみた。はてなスターとは何かというと、次のように説明されてい...  → 続きを読む

実験ですけどね。こないだはてなの方からメールもらったので、ありがとうを行動で示し...  → 続きを読む

コメント(2)

| コメントする

自分のブログにはてなスターを設置できなくて困っていました。
いろいろ試してみたけれど、こちらで紹介されていた方法だと、すぐに反映されました(TдT)
どうもありがとうございました!

お役にたてたようで、よかったです。
こういったコメントいただくと、俄然ヤル気が出ます。
こちらこそありがとう!

コメントする

RSS

楽天おすすめ

Tag Cloud

SEO対策

Sponsor Site

Category

Archives

Amazonおすすめ

Copyright © 2008 Trendspotting All rights reserved.