自身のブログにはてなブックマークへの登録ボタンや記事のブックマーク数、
ブログ内のブックマークランキングを設置したくて調べた内容のおぼえがきです。
★自分のブログに「↑B」「B!」アイコンを表示する
————————————————————————————————————————————————————
ブックマーク登録の「↑B」やブックマーク表示「B!」ボタンの表示方法は
下記はてなブックマークに掲載されています。
http://b.hatena.ne.jp/help/button
下記ソースの「画像のURL」という個所は参照させる画像のパスを入力します。
※アイコン画像も支給されてますので、自身のサーバーへアップします。
【MovableType、WordPressのタグについて】
————————————————————————————————————————————————————
以下はMovableTypeのタグ<$MTEntryPermalink$>にての説明ですが、
WordPressの場合はそこを、<?php the_permalink(); ?>に置き換えてください。
●ブックマーク登録の「↑B」
<a href=”http://b.hatena.ne.jp/entry/add/<$MTEntryPermalink$>”>
<img src=”アップロードした「B!」画像のURL” width=”16″ height=”12″ style=”border: none;”
alt=”このエントリーをはてなブックマークに追加” title=”このエントリーをはてなブックマークに追加” />
</a>
●ブックマーク表示「B!」
<a href=”http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>”>
<img src=”アップロードした「↑B」画像のURL” width=”16″ height=”12″ style=”border: none;”
alt=”このエントリーを含むはてなブックマーク” title=”このエントリーを含むはてなブックマーク” />
</a>
●登録数を表示するには下記記述でOKです。MTタグで記事URLを取得して登録数を表示します。
<a href=”http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>”><img src=”http://b.hatena.ne.jp/entry/image/large/<$MTEntryPermalink$>”></a>
★ブログに「はてなブックマークランキング」を設置
————————————————————————————————————————————————————
下記ブログパーツの記述を利用します。
URLやタイトル、表示数等を変更するだけで利用可能です。便利ですね。
<script type=”text/javascript” src=”http://b.hatena.ne.jp/js/widget.js” charset=”utf-8″></script>
<script type=”text/javascript”>
Hatena.BookmarkWidget.url = “http://lala-rockets.com/blog/”;
Hatena.BookmarkWidget.title = “人気エントリー”;
Hatena.BookmarkWidget.sort = “count”;
Hatena.BookmarkWidget.width = 160;
Hatena.BookmarkWidget.num = 10;
Hatena.BookmarkWidget.theme = “default”;
Hatena.BookmarkWidget.load();
</script>
これらをサイトに表示させる事によって、ユーザーの回遊率が少しは上がる?かも。