2008-10-13
■ [他]自分のTumblrにpostのreblog数を画像で表示させる 
TumblrのthemeにNotes関連の変数が追加されたのでtumblr-reblogs.appjet.netは停止しました。
自分のTumblrにpostのreblog数を表示させる - cxxの日記 - たんぶら部 - Tumblove -はiframeでしたが、iframeはおおげさだと思うので、リクエストURIに「/image」を付けると画像で返すようにしました(ただしグレイスケールのBMP)。
custom themeの{block:Posts}と{/block:Posts}の間に
<a href="http://www.tumblr.com/dashboard/notes/{PostID}/[notes key]"> <img class="reblogs" src="http://tumblr-reblogs.appjet.net/{PostID}/[notes key]/image" alt="" /> </a>
、custom CSSに
img.reblogs { border-style: none }
のように書いて使います。[notes key]はユーザ毎に違っていて、自分のkeyはhttp://www.tumblr.com/show/everything/by/meのソースを表示して「display_post_notes」で検索するとそれらしい文字列が見つかります。
色を付けるのはパレットを変えるだけなので簡単ですが、今のところ白黒だけです。たとえば「/image/red」でリクエストすると赤系の色で返すなどもありかな、と思います。
http://tumblr-reblogs.appjet.net/{PostID}/[notes key]/image?textcolor=ff0000&bgcolor=ffaaaa
のようにURI末尾に16進数(RGB順)で指定することで、文字と背景の色を変更できるようにしました。
コメントを書く
