今ごろになって、のそのそと、
facebookの「いいね！」ボタンと、はてブボタンを
追加してみるテスト。
「いいね！」
以下のサイトを参考にしましたよと。
→Facebook公式「いいね！」ボタン ブログパーツ｜ブログパーツが見つかる！『ブログドレッサー』
javascriptを使ってiframeタグを書いているので、
「location.href」で個別ページのURLを取得をしてます。
<script type="text/javascript"><!--
var url = "http://www.facebook.com/plugins/like.php?href=" + encodeURIComponent(location.href) + "&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light";
document.write('<iframe src="' + url + '" allowtransparency="true" style="border: medium none ; overflow: hidden; width: 73px; height: 21px;right: 0;" frameborder="0" scrolling="no"></iframe>');
//-->
</script>
はてブボタン
以下を参考にしましたよと。
→はてなブックマークボタンの作成・設置について
MTの「MTEntryLink」タグを使うと
個別ページのURLを取得できます。
「いいね！」ボタンでもこれ使えばいいんだけど、
WordPressのことも考えてjavascriptにしました。
<a href="http://b.hatena.ne.jp/entry/<$MTEntryLink$>" class="hatena-bookmark-button" data-hatena-bookmark-title=" うむらうす" 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>
んで、ウチはweb拍手も置いてるので、
これを横一列に並べたくなったわけですよ。
こちらを参考に、tableタグで並べることにしました。
セルの高さは21px。
Facebookページ「いいね！」ボタンの設置方法 - 表現者たちのブログ
参考：
・Facebook公式「いいね！」ボタン ブログパーツ｜ブログパーツが見つかる！『ブログドレッサー』
・はてなブックマークボタンの作成・設置について
・Facebookページ「いいね！」ボタンの設置方法 - 表現者たちのブログ
→Tableタグ