「はてなブックマーク数＆登録ボタン＆ランキング」をホームページやブログに設置　～ワードプレス、ムーバブルタイプ～

★自分のブログに「↑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>



●登録数を表示するには下記記述でＯＫです。ＭＴタグで記事ＵＲＬを取得して登録数を表示します。
<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>"><img src="http://b.hatena.ne.jp/entry/image/large/<$MTEntryPermalink$>"></a>







★ブログに「はてなブックマークランキング」を設置
------------------------------------------------------------------------------------------------------------------------------------------------------------

下記ブログパーツの記述を利用します。
ＵＲＬやタイトル、表示数等を変更するだけで利用可能です。便利ですね。

<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>



これらをサイトに表示させる事によって、ユーザーの回遊率が少しは上がる？かも。