FC2ブログの記事タイトルにはてブボタンとユーザー数をつけてみる

「テンプレートの設定>修正」から「HTMLの編集」で、

<h2 class="ently_title">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="<%topentry_title>の記事を参照"><%topentry_title></a>
</h2>

上記の部分を以下のように編集します。

<h2 class=”ently_title”>
<!– はてブシンプルボタンここから–>
<a href=”http://b.hatena.ne.jp/entry/<%topentry_link>” class=”hatena-bookmark-button” data-hatena-bookmark-layout=”simple” title=”このエントリーをはてなブックマークに追加”><img src=”http://b.st-hatena.com/images/entry-button/button-only.gif” alt=”このエントリーをはてなブックマークに追加” width=”20″ height=”20″ style=”border: none;” /></a><script type=”text/javascript” src=”http://b.st-hatena.com/js/bookmark_button.js” charset=”utf-8″ async=”async”></script>
<!– はてブシンプルボタン ここまで–>
<a href=”<%topentry_link>” name=”entry<%topentry_no>” id=”entry<%topentry_no>” title=”<%topentry_title>の記事を参照”><%topentry_title></a>
<!– はてブ 「○○users」を表示 ここから–>
<a href=”http://b.hatena.ne.jp/entry/<%topentry_link>”>
<img src=”http://b.hatena.ne.jp/entry/image/<%topentry_link>”
alt=”はてなブックマーク – <%topentry_title>” title=”はてなブックマーク – <%topentry_title>”>
</a>
<!– はてブ 「○○users」を表示 ここまで–>
</h2>

以下のように表示されます。

FC2記事タイルはてブボタンとユーザー数

コメント

タイトルとURLをコピーしました