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)
│
網路傳說♣
引用URL
http://cgi.blog.roodo.com/trackback/3403087
■ Flash 版
Twitter Badge II 【貓 誌】
at July 10,2007 10:35
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. :=)
Twitter 的吸引力很大,
在貓學到這plugin, 不過好像沒有frds update.
Hi, 深草
貓還沒看到有非官方的 Friends Timeline Badge,不過應該可以拿 Friends Timeline 的 JS 語碼套用在上面的個人修改版。
Have a nice weekend!!
最近真的只能用SSDD來形容
我第一次認識這縮寫是"補夢網"那部片
貓們都 SSDD.
這說法 好像是 史蒂芬金 在小說裡首用的...
Question: How is my day going?
Reply: SSDD. XD