2007/12/12

自製 Twitter Badge

因為Twitter官方的Badge一直都不是很好用
Flash精簡版的能控制的太少 字型會太小 中文會爛掉
複雜版的又會包含所有其他Follow的人
JavaScript版的又很難設計CSS讓他好看
所有就上網搜尋了一下有沒有比較好的解法
Maso的Blog發現有他精簡Flash版的原始碼 以及Maso的修改版
就抓下來研究研究 新增一點點功能之後
可以在右邊 我的SideBar上看到成果
將原本的Title Bar拿掉了 取而代之的是個人圖片
另外新增了Follow 的連結 就不用在Flash下方再加入一小行文字
不過比較實用的是 可以用參數控制文字大小跟顏色等參數 以下為範例
flashvars="bgcolor=0&type=user&id=1&timecolor=222&msgsize=12px&msgcolor=#150040&OpenWindow=_blank"
增加了程式使用上得彈性 目前先改到這樣
之後可能會在增加要不要放圖片 以及圖片尺寸的參數
雖然這很好寫 不過還是要有空才行 XD

有興趣的可以下載原始檔去研究

另外沒有裝Flash的 要直接編譯好的請從我的網頁原始碼自己挖Flash檔的路徑
但是請不要直接使用 GooglePage的流量會暴掉 (我沒有Google Code的空間@@)
就請麻煩下載後自己找地方放吧...XD


--
update
不確定twitter的API是否有更動 突然會抓不到訊息
不過官網的範例並沒有更新 很奇怪耶
暫時先不用 有空再來檢查看看@@

update
原來是Flash的crossdomain.xml搞得鬼
詳情請看官網開發blog

update
twitter badge用GAE復活

4 comments:

匿名 提到...
作者已經移除這則留言。
匿名 提到...

flash版的twitter找了很久
終於在這裡找到了
很方便修改
感謝你的用心
剛開始玩twitter
還請多多指教~

Tamachyan 提到...

請問twitter是不是已經將badge功能刪除了呢?對於語法,我是個大外行。請問,能否提供教學呢?佔用您的時間,真是不好意思....

Josh 提到...

Twitter現在有提供功能強大的 api http://apiwiki.twitter.com/ 可以作到的可不只有badge而已... 不過目前我已經離開twitter轉向 plurk... 所以就沒有研究新的作法... 不過使用GAE轉送 使用舊的badge還是可行 可參考update中的作法 當然 要會寫一點點程式才行

 
Back to Top
This Site Power by JoStudio. Some Rights Reserved.