June 5,2007

Twitter Badge

■ JavaScript 版
試玩 J. T. 設計的 Twitter (推唾)
非官方 Badge,客製外觀彈性高,不過使用 JavaScript 抓訊息可能比較耗網頁載入時間,一般使用者安裝需要些許 CSS, Html 知識。

左側訊息轉播視窗是符合貓誌顏色及邊欄寬度的修改版截圖,實體 Badge 在文內。
Twitterer 來加好友Fan Wiki


不同尺寸在白底網頁呈現樣式

1.


2.


3.

■ 安裝步驟:
1. 到作者網頁 下載 安裝用檔案,解壓打開。或是貓誌分流 這裡 也能下載到。原作者設計為藍色介面(如示範圖,右上點擊打開觀看),可另選擇下載貓修改的 灰介面圖樣 白底網頁適用。

2. 打開資料夾內 badge.txt 檔案,找到
<script type="text/javascript" src="http://www.twitter.com/ statuses/user_timeline/YOUR_ID_NUMBER.json? callback=twitterCallback&count=1">
一段語碼,把紅字部位修改成自己的 Twitter ID.
***ID 查看頁面 Flash Badge 右框內語碼有一段 type=user&id=xxxxxx, id=後接數字就是自己的 Twitter ID.

3. 把修改後 badge.txt 內所有語碼複製起來貼入自己網頁,一般會貼入 banner 頂橫幅或 sidebar 側邊欄位置。樂多用戶的頂橫幅位置是貼在【Blog基本管理】→【說明】欄位。

4. 把所有圖檔上傳到自己網頁空間,記下每各圖檔的連結,再打開資料夾內 css.txt 檔案,把四張圖檔 連結貼到相對應位置。另外還能按照喜好修改 Badge 顯示寬度,字體大小,顏色...等。

5. 把修改後 css.txt 內所有語碼貼到自己網頁的模板樣式設定欄內。完成。
◈ source/author: Jarrod Trainque

■ 貓誌修改版邊欄用 Twitter Badge,灰介面+淺灰底網頁:
下載貓誌修改版語法 觀看,想直接套用的話記得換上自己的 Twitter ID、連結. 這修改版為配合貓誌窄窄邊欄,有時訊息內連結會因過長不可避免地超出介面。另外想修改 Flash 版 Badge 的請參考:
鏡空間:Twitter 自己設計專用 twitter 公告欄 II
Maso's Blog: Twitter Badge 修改
colaccl.com :把 Twitter 的 Flash Badge 字變大
這裡還有一些

貓誌隨行書籤: 針對 Twitter 設計的外掛或軟體

Posted by ailuro at 樂多Roodo! │08:21 │回應(4)引用(1)網路傳說♣
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/3403087
引用列表:
■ Flash 版
Twitter Badge II 【貓 誌】 at July 10,2007 10:35
回應文章
http://twitter.com/kuoiwen
奇怪有時候近入別人twitter的網頁
都找不到add就麻煩你把我加入
Hi, Ivy, 猫研究一下發生什麼事了唷? ~^__^~
Cat@2007.06.09
Posted by ivy at June 5,2007 09:17
Missig ma Lovely CAT :-))))))))

wishing you a lovely day ..
Thanks, Sairus~do you use Twitter to Chat? If yes, add me to your contact list. :=)
Cat@2007.06.09
Posted by SAIRUS at June 5,2007 10:05
Twitter 的吸引力很大,
在貓學到這plugin, 不過好像沒有frds update.
Hi, 深草
貓還沒看到有非官方的 Friends Timeline Badge,不過應該可以拿 Friends Timeline 的 JS 語碼套用在上面的個人修改版。
Have a nice weekend!!
Cat@2007.06.09
Posted by 深草 at June 9,2007 09:42
最近真的只能用SSDD來形容
我第一次認識這縮寫是"補夢網"那部片
貓們都 SSDD.
這說法 好像是 史蒂芬金 在小說裡首用的...
Question: How is my day going?
Reply: SSDD. XD
貓兒@2007.06.15
Posted by Mingo at June 12,2007 23:30