先日、はてなスター設置方法について記事投稿しましたが、あまりすっきりとしないため、ぼんやりと考えていたのですが、タグとクラスとパーマリンクがセットになっていればいいのだから、なにも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タグの中に含める必要もなくなってきますのでお好きな場所に設置できると思います。
CATEGORY
ホームページ制作Trackbacks(2)
この記事を参照しているブログ一覧: Movable Type4にはてなスターを設置2
この記事に対するトラックバックURL: http://www.ixiell.net/mt/mt-tb.cgi/5
はてなスターを設置し... 続きを読む
前のエントリーHatena starを付けてみるで、はてなスターをつけてみたとこ... 続きを読む

Comments