livedoorBlogで公式ツイートボタンをトップページで使う方法

お久しぶりでやんす。
ヤサイでがす。

Twitter公式のツイートボタンが提供開始されましたー。
Twitter / ツイートボタン

さっそくlivedoorBlogで使ってみましたよ。

ところが、個別記事ページでは上手く機能するんですけど、トップページ・カテゴリアーカイブ・月間アーカイブでは、表示されてるページのurlとtitleを取得してしまうので上手く機能しませんね。

ということで、英語のAPIドキュメントを読んで頑張ってみましょう。
Tweet Button | dev.twitter.com

まず、ふつうにツイートボタンを作ると、こんなコードが生成されます。
※横に収まりきらないので適当に改行してます

<a href="http://twitter.com/share" class="twitter-share-button" 
data-count="vertical" 
data-via="ついったーID" 
data-lang="ja">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

これは個別記事ページでもうまく機能する！

これを

<a href="http://twitter.com/share" class="twitter-share-button" 
data-count="horizontal" 
data-via="ついったーID" 
data-url="<$ArticlePermalink$>" 
data-text="<$ArticleTitle$>" 
data-lang="ja">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

こんな感じで編集すると、トップページ・カテゴリアーカイブ・月間アーカイブでも上手く機能する！

※追記
これ、むっちゃ重いです。

おわり