推文到Twitter(Blogger外掛版)

參考了
Blog.XDite.net » 輕輕鬆鬆「被」推文上 Twitter！
詳細內容請參考這篇文章，寫的很仔細。

Twitthis 這個網路服務目前無法支援中文化(我再想辦法找尋是否有其他方法支援中文化)，使用時必須先要登入Twitthis。

自己也寫了 for　Blogger的版本，這個功能類似推薦到網路書籤，不過此功能是寫到Twitter。
目前我寫的這個版本也是支援顯示於 單篇文章/多篇文章 。

使用方法如下:
Step1: 登入管理介面，選擇範本/修改HTML，再將 "展開小裝置範本" 打勾。
Step2: 在修改範本中，找到

<div class='post-footer'>

再將以下的程式碼貼到後面


<span style='margin:0px 50px 0px 0px'><input expr:value='data:post.url' type='hidden'/><input expr:value='data:post.title' type='hidden'/>
<a href='javascript:void(0)' onClick='window.open("http://twitthis.com/twit?url="+encodeURIComponent(this.parentNode.childNodes[0].getAttribute("value"))+"&amp;title="+((this.parentNode.childNodes[1].getAttribute("value")) ?encodeURIComponent(this.parentNode.childNodes[1].getAttribute("value").replace(/^\s*|\s*$/g,"")) : ""), "TwitThisPop", "width=600, height=500, location, status, scrollbars, resizable");'>推文到 Twitter</a>
</span>


其實要貼在哪邊都可以，只要 Blogeer 可以使用的範圍內(也就是可以正常讀取到 data:post.url 及 data:post.title 這兩個程式變數，由於目前是跑文章列表，所以建議是在此)。

而以下的數字是可以調整顯示的位置，分別代表　上方、右邊、下方、左邊　的距離，請自行調整。

margin:0px 20px 0px 0px


而顯示文字的部份 請找到紅色字體 推文到 Twitter 自行修改。

你也可以使用這個圖案

就將顯示文字用以下程式碼替代

<img src='http://s3.amazonaws.com/chuug.twitthis.resources/twitthis_grey_72x22.gif'/>



由於Blogger無法將變數直接引用在 onclick ，所以我是採用到 DOM 的觀念來完成，有興趣的朋友可以研究看看。