ブログの変数に合わせてカスタマイズした Tumblr 用の JS ボタンを使用しています。ボタンを押すとポップアップ ウィンドウが表示されますが、個々の投稿の下に表示されるのではなく、すべての投稿がグループ化されています。また、"実際の引用の代わりに Tumblr 共有画面のタイトルに出力しています。
クリックされたときにポップアップウィンドウを中央に配置するにはどうすればよいですか?
<script src='http://platform.tumblr.com/v1/share.js'/>
<span id='tumblr_button_abc123'></span>
<script type='text/javascript'>
var strPostUrl = "<data:post.url/>";
var strPostTitle = '<data:post.title/>';
var tumblr_link_url = strPostUrl.replace("http://","");
var tumblr_link_name = strPostTitle.replace(/"/g, '"');
</script>
<script type='text/javascript'>
var tumblr_button = document.createElement("a");
tumblr_button.setAttribute("href", "http://www.tumblr.com/share/link?url=" + encodeURIComponent(tumblr_link_url) + "&name=" + encodeURIComponent(tumblr_link_name));
tumblr_button.setAttribute("title", "Share on Tumblr");
tumblr_button.setAttribute("style", "display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;");
tumblr_button.innerHTML = "Share on Tumblr";
document.getElementById("tumblr_button_abc123").appendChild(tumblr_button);
</script>