衫衫's profile夜♋衫衫工作室™PhotosBlogListsMore ![]() | Help |
|
February 10 在 Windows Live Spaces 及部落格內加入 twitter 插件
twitter 的崛起其實也不過半年時間, 在這個資訊爆炸的年代, twitter 可以說是其中一個網上異數~ 它突然火速走紅, 首先獲得了美國矽谷創業者的追捧, 繼而被傳謀重點報導, 所有人也認為這個目前不足 10 萬用戶的網站, 會是續 MySpace、YouTube 和 Facebook 外, 未來最熱門的網站! 而且 twitter 的熱潮, 更令網路上出現極多的仿效網站, 包括國外的 Jaiku、Tumblr、Frazr、國內的 飯否、機歪de、台灣的 iSay、巴布 等等; 能夠引發這種現像, 已足證明 twitter 的魅力確實不凡~ 那些甚麼「Web 2.0 最佳代表」、「twitter 的成功背後有甚麼因素和意義」、「是否未來最熱門的網站」等等, 衫衫不敢作出各種評論, 不過衫衫只想以最簡單直接的方式, 去了解和享受 twitter 可以帶來的樂趣~ ^_^ twitter - 這個在半年前 (剛好 6 個月) 才出現的網上玩意, 最原先的設計, 就是在一個類似留言板上, 根據一個很簡單的問題 - 「What are you doing?」(你正在做甚麼?), 從而在不同時間, 輸入你的留言; 透過 twitter, 你可以知道其他人正在做甚麼; 當然, twitter 容許邀請你的朋友, 加入到你的留言板上共同「留言」。使用 twitter, 不須像寫 Blog 般要有一個主題, 不須要完整的內容, 心裡想甚麼就寫甚麼 (要罵人也可以, 只要你不計較別人看到~)
這就是 twitter - 說穿了, 就是簡單的一個個人訊息留言板。 再簡單一點, 如果各位知道甚麼是「碎碎念」(台灣及內地俗語), 則會更加了解現在玩 twitter 的人, 至底用 twitter 在寫甚麼~ 或者你會覺得這玩意很無聊, 但夜衫衫卻頗為喜愛, 特別是 twitter badges (插件) 可以直接放在你每篇的部落格內~ (覺得無聊就別看~! 夜衫衫就是喜愛~! 你%@$#^.....) 路人甲:「夜衫衫又「發作」了...別理他!」 衫:「......」 (繼續) 在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
1. 先到 twitter 官方網站 - http://twitter.com/, 按一下「Join for Free」(圖1)。
2. 請根據指示, 填寫你的個人資料 (圖2), 然後按一下「Continue」按扭。 (圖2) 3. 在這一步驟中, 各位可以輸入自已朋友的電郵地址, 然後按一下「Invite」按扭, 邀請他們使用 twitter, 如果覺得不須要, 則可直接點擊「Skip this Step?」連結跳過這一步 (圖3)。 (圖3) 4. 現在你已成功申請 twitter 帳號, 並可以在訊息欄位上輸入訊息, 輸入訊息後按一下「Update」按扭即會發佈 (圖4)。
5. 很多時候, 網頁未能顯示剛發佈的訊息, 這時候只要刷新一下瀏覽器, 即可解決問題~ 而按下訊息旁邊的「
6. 要將 twitter 加入 Windows Live Spaces, 名位可以在登入 twitter 網站後, 接一下「Badgets」連結 (圖6)。
7. 在這裡,各位可以設定 twitter 介面的顏色及獲得代碼 (圖7), 代碼有兩種形式, 分別是 Flash 及 JavaScript, 要放在 Windows Live Spaces 的話, 選擇 Flash 的形式就可以了; 請將欄位內的整段代碼複製出來; 另外, twitter 亦有提供 Friend's Timeline 嵌入式及 HTML 代碼, Friend's Timeline 除了可以顯示你的留言外, 亦可同時顯示你在 twitter 加入的朋友留言, 各位有興趣的話亦可以放入自已的 Windows Live Spaces 內。 (圖7) 8. 將複製出來的代碼, 先作出一點修改... 為甚麼要修改? 因為雖然 twitter 支持中文顯示, 但字體實在太小, 為免辛苦你的讀者, 還是調整一下比較好, 而修改的方法也很簡單, 只需在代碼中直接調整 width 及 height 的數值即可; 衫衫以自己的代碼作為示範, 將 width 及 height 也修改為 250, 各位可以參考:
PS: 請將代碼內全形的 <> 符號改成半形的 <> 符號。 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox gadget 內, 再按一下「Save」按扭 (圖8)。
9. 預覽一下結果, 發現 twitter 插件已成功安裝在你的 Space 上了, 字體也很清楚 (圖9)。
10. 在這裡也順便試試 Friend's Timeline 提供的嵌入式代碼 (圖10)。
11. 預覽一下結果, 發現 Friend's Timeline 也可成功安裝在你的 Space 上 (圖11)。
12. 另一方面, 因為 twitter 插件代碼的格式, 亦可以利用內嵌影片功能, 直接放在部落格內 (圖12)。
預覽結果? 夜衫衫在這篇教學的最初, 不就是放置我的 twitter 了嗎? ^^ (那不是貼圖啊~! 歡迎各位加入成為好友, 一起開心的「碎碎念」 ^_^)
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 Comments (36)
Trackbacks (1)The trackback URL for this entry is: http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!1425.trak Weblogs that reference this entry
|
|
|