WordPressのTumblrウィジェット

Tumblrの写真をWordpressに表示させるのにウィジェットを使ってたんだけど、どれもTumblrの標準アドレスにしか対応してなくて、独自ドメインにするとエラーになっていました。
独自ドメインのTumblrの写真をWordpressのサイドバーに表示させる方法をさがしてて、下記サイトを見つけました。

• 落書き置き場をTwitpicにするかTumblrにするか:mode-n
• Tumblr API – JSON 形式で Javascript で読み込み表示する:gutarin

で、左サイドバーにテキストウィジェットで以下コードを追加したらうまくいきました。

<style>
/* theme 作成時にtheme CSSに組み込み */
div.tmbl_widget ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div.tmbl_widget li {
float: left;
margin: 0 10px 10px 0;
padding:0;
}
div.tmbl_widget li a {
margin: 0;
padding: 0;
}
div.tmbl_widget img,
div.tmbl_widget a:visited img{
margin: 0;
padding: 0;
border: 2px solid #ccc;
}
div.tmbl_widget a:hover img{
margin: 0;
padding: 0;
border: 2px solid red;
}
div.tmbl_widget ul:after {
display: block;
clear: both;
}
</style>
<script type=”text/javascript” src=”http://tumblr.megumu.org/api/read/json?num=2&type=photo”
></script>
<script type=”text/javascript” >
show_number = 2;

for (i = 0; i < show_number; i++) {
label = tumblr_api_read[“posts”][i][“photo-url-75”];
url = tumblr_api_read[“posts”][i][“url”];
document.write(‘<div class=”tmbl_widget”><ul>’);
document.write(‘<li><a href=”‘, url , ‘”><img src=”‘ , label , ‘”></a></li>’);
document.write(‘</ul></div>’);
}
</script>

ほんとはもうちょっといじって、写真サイズとかカスタマイズしたいけど、とりあえずこれで。
ちなみに独自ドメインのTumblrサイトURLは、http://tumblr.megumu.org/ です。