tf_display.php に「はてなブックマークボタン」のコードを入れる

はてなブックマークボタン」に必用な情報は「ページのURL」と「ページのタイトル」。
で、tf_display.php の中でこの2つは以下の変数に入ってる。

  • $post_link ページの URL
  • $post_title ページのタイトル

というわけで、さっきの「はてなブックマークボタン」のコードを tf_display.php の中に入れるにはこんな感じにすれば良い。

		$output .= '
		<div class="buttons">
		<a href="http://b.hatena.ne.jp/entry/' . $post_link . '" class="hatena-bookmark-button" data-hatena-bookmark-title="' . $post_title .'" data-hatena-bookmark-layout="standard" 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>
		</div>';

		$output .= '			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>';
			
		return $output;
	}
}
?>

自分は「はてなブックマークボタン」は一番右側に出す事にしたので、Google+1 のコードの下にこのコードを入れた。(場所をわかり易くする為に tf_display.php の最後まで載せてます。)


あと、ボタンの横幅も、125px だとちょっと大きいかな?と思ったので 115px に変更しておいた。


これで、Facebook の「いいね」、TwitterretweetGoogle+1 に「はてなブックマークボタン」を1つのプラグインで出せる様になった!