衫衫's profile夜♋衫衫工作室™PhotosBlogListsMore Tools Help

Blog


    February 10

    在 Windows Live Spaces 及部落格內加入 twitter 插件

    請各位注意以下更新:

    更新通知:

    衫衫已在 2008 年 1 月 22 日發佈了三款 twitter 插件, 各位若有興趣的話, 可以瀏覽以下文章:
    <自製更適合放在 Windows Live Spaces 上的 twitter badge>

    twitter 是甚麼?
    其實 twitterBlogger.com 的始創人- Evan Williams 所創立的新公司 Obvious, 從 2006 年 3 月推出的一項免費服務; twitter 可以說是一個社交網絡, 也有人稱這種服務為 "微型部落格" (micro-blogging) 服務。用戶可以經由 SMS、即時通訊、電郵、twitter 網站等不同途徑, 輸入最多 140 字的文字更新。另外, twitter 可以讓你發佈的消息, 即時發給你的朋友或你的 "followers (跟隨者) ", 而你也同樣地可以成為其他用戶的 "follower", 這樣你就可以快速地讀取其他用戶發佈的資訊。

    twitter 的崛起其實也不過半年時間, 在這個資訊爆炸的年代, twitter 可以說是其中一個網上異數~ 它突然火速走紅, 首先獲得了美國矽谷創業者的追捧, 繼而被傳謀重點報導, 所有人也認為這個目前不足 10 萬用戶的網站, 會是續 MySpaceYouTubeFacebook 外, 未來最熱門的網站! 而且 twitter 的熱潮, 更令網路上出現極多的仿效網站, 包括國外的 JaikuTumblrFrazr、國內的 飯否機歪de、台灣的 iSay巴布 等等; 能夠引發這種現像, 已足證明 twitter 的魅力確實不凡~
    twitter 網址 - http://twitter.com/
     

    最簡單直接享受 twitter 樂趣~

    那些甚麼「Web 2.0 最佳代表」、「twitter 的成功背後有甚麼因素和意義」、「是否未來最熱門的網站」等等, 衫衫不敢作出各種評論, 不過衫衫只想以最簡單直接的方式, 去了解和享受 twitter 可以帶來的樂趣~ ^_^

    twitter - 這個在半年前 (剛好 6 個月) 才出現的網上玩意, 最原先的設計, 就是在一個類似留言板上, 根據一個很簡單的問題 - 「What are you doing?」(你正在做甚麼?), 從而在不同時間, 輸入你的留言; 透過 twitter, 你可以知道其他人正在做甚麼; 當然, twitter 容許邀請你的朋友, 加入到你的留言板上共同「留言」。使用 twitter, 不須像寫 Blog 般要有一個主題, 不須要完整的內容, 心裡想甚麼就寫甚麼 (要罵人也可以, 只要你不計較別人看到~)

    twitter badge

     
    follow camuschu at http://twitter.com

    這就是 twitter - 說穿了, 就是簡單的一個個人訊息留言板。

    再簡單一點, 如果各位知道甚麼是「碎碎念」(台灣及內地俗語), 則會更加了解現在玩 twitter 的人, 至底用 twitter 在寫甚麼~

    或者你會覺得這玩意很無聊, 但夜衫衫卻頗為喜愛, 特別是 twitter badges (插件) 可以直接放在你每篇的部落格內~ (覺得無聊就別看~! 夜衫衫就是喜愛~! 你%@$#^.....)

    路人甲:「夜衫衫又「發作」了...別理他!」

    衫:「......」

    (繼續)

    在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:

    ☞ 請各位注意:

    1. 本教學會利用到 Sandbox 這個 gadget, 如果各位不清楚 Sandbox 這個 gadget 是甚麼, 請參考 <六. 利用 Sandbox gadget 在 Space 頁首上加入 Flash 物件~ 並以 Slide 相簿特效作示範>。

    2. 如果因為 HTML SandboxSandbox 的最大字元限制而無法加入以上插件或玩意, 可參考 <九. 在 Space 頁首上加入多個 Sandbox 或 HTML Sandbox gadget 教學>。
    3. 教學所介紹的插件, 衫衫只有在 HTML Sandbox Sandbox 這兩個 gadget 上進行測試。如果各位希望在 Custom HTML「自訂 HTML」模塊或部落格內加入插件的話, 請自行研究插件代碼的轉換方法。
    4. 在 2007 年 1 月, Windows Live Spaces 系統更新後, 加入了新功能 - 內嵌影片 (或稱內嵌訊視), 容許用戶在每篇部落格中加使用 <embed> 語法加入 Flash 插件, 如果各位不清楚這內嵌影片功能, 可參考 <十三.「內嵌影片」功能的用途>。

     

    申請 twitter 的步驟 - 加入Windows Live Spaces 及部落格內的方法:

    1. 先到 twitter 官方網站 - http://twitter.com/, 按一下「Join for Free」(圖1)

    (圖1)

    2. 請根據指示, 填寫你的個人資料 (圖2), 然後按一下「Continue」按扭。

    (圖2)

    3. 在這一步驟中, 各位可以輸入自已朋友的電郵地址, 然後按一下「Invite」按扭, 邀請他們使用 twitter, 如果覺得不須要, 則可直接點擊「Skip this Step?」連結跳過這一步 (圖3)


    (圖3)

    4. 現在你已成功申請 twitter 帳號, 並可以在訊息欄位上輸入訊息, 輸入訊息後按一下「Update」按扭即會發佈 (圖4)

    (圖4)

    5. 很多時候, 網頁未能顯示剛發佈的訊息, 這時候只要刷新一下瀏覽器, 即可解決問題~ 而按下訊息旁邊的圖示, 即可為訊息加上標記或刪除該訊息。現在, 你已可以隨時隨地玩 twitter 了~

    (圖5)

    6. 要將 twitter 加入 Windows Live Spaces, 名位可以在登入 twitter 網站後, 接一下「Badgets」連結 (圖6)

    (圖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 支持中文顯示, 但字體實在太小, 為免辛苦你的讀者, 還是調整一下比較好, 而修改的方法也很簡單, 只需在代碼中直接調整 widthheight 的數值即可; 衫衫以自己的代碼作為示範, 將 widthheight 也修改為 250, 各位可以參考:

    <div style="width:250px;text-align:center"><embed src="http://twitter.com/flash/twitter_badge.swf" flashvars="color1=52479&type=user&id=746213" quality="high" width="250" height="250" name="twitter_badge" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br><a style="font-size: 10px; color: #00CCFF; text-decoration: none" href="http://twitter.com/camuschu">follow camuschu at http://twitter.com</a></div>

    PS: 請將代碼內全形的 <> 符號改成半形的 <> 符號。

    將修改後的代碼, 放入 HTML Sandbox Sandbox gadget 內, 再按一下「Save」按扭 (圖8)

    (圖8)

    9. 預覽一下結果, 發現 twitter 插件已成功安裝在你的 Space 上了, 字體也很清楚 (圖9)

    (圖9)

    10. 在這裡也順便試試 Friend's Timeline 提供的嵌入式代碼 (圖10)

    (圖10)

    11. 預覽一下結果, 發現 Friend's Timeline 也可成功安裝在你的 Space 上 (圖11)

    (圖11)

    12. 另一方面, 因為 twitter 插件代碼的格式, 亦可以利用內嵌影片功能, 直接放在部落格內 (圖12)

    (圖12)

    預覽結果?

    夜衫衫在這篇教學的最初, 不就是放置我的 twitter 了嗎? ^^ (那不是貼圖啊~! 歡迎各位加入成為好友, 一起開心的「碎碎念」 ^_^)
     

    本教學最後更新日期: 2007 年 2 月 10 日

    本節教學完畢

    如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。
    不清楚如何使用「引用通告」功能, 可參考這裡

    Comments (36)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    衫衫 夜wrote:
    Angel 你好,
    別客氣~ 最重要是你成功了~ ^_^
    Aug. 9
    Angel Chenwrote:
    謝謝你的教學,終於成功把twitter用在windows live spaces上了~~酷喔^^
    Aug. 6
    衫衫 夜wrote:
    te extraño 你好~
    謝謝你的加入啊~ 己後一齊 chat 吧~ ^_^
    July 8
    me itswrote:
     
    呵~ 玩TWITTE 要有相當程度的耐心啊~~~
    我加入你了...  ^^
     
     
    July 8
    衫衫 夜wrote:
    te extraño 你好,
    別客氣~ 已後還請多多指教~ ^_^
    PS: 最近 twitter 的 over capacity 情況, 已差不多成了每天的「指定動作」, 害得衫衫不停在等... (特別是朋友的留言時, 無法即時回覆最氣人~! >.<)
    July 6
    me itswrote:
    嗯啊~ 最近TWITTER的錯誤訊息"相當有空的"常出現....
    有時要多試個幾次~ 也不一定會成功~~ ^^ 呵... 有時都覺得 是鬼打牆了嗎...
    有問題再來請教您了.... 你的教學網頁真的很"讚"!!!!我學習到很多....
     
    July 5
    衫衫 夜wrote:
    te extraño 你好,
    不會吧~!? 根據 twitter 官方的討論區資料所得, 利用 Firefox 來刪除 twitter 留言是不會出現處理錯誤的 (衫衫本人也親身體驗過); 不過, 近日 twitter 的伺服器經常出現繁忙 (over capacity), 若你遇上這情況時, 的確有機會無法刪除留言啊~ 這時候只要等一會再試試就可以了~
    祝你成功~ ^_^
    July 2
    me itswrote:
     
    謝謝你喔~
    但我用了FIREFOX 還是失敗了也... 呵
     
    我會再自己上網去找看看原因滴... ^^"
     
    June 26
    衫衫 夜wrote:
    te extraño 你好,
    這算是個 twitter 的「老問題」了, 衫衫已往也有遇上過!
    最簡單的解決方法就是, 當發現無法刪除已發佈的訊息時, 暫時不要再使用 I.E., 改用 Firefox 瀏覽器登入 twitter, 就會發現可以刪除訊息了~
    這個「老問題」, 在 twitter 的討論區上經常出現, 但原因是怎樣, 衫衫也不知怎去解釋了~ 你有興趣的話, 可以到網上搜尋一下~
    祝你成功~ ^_^
    Mar. 12
    me itswrote:
    請教, 為什麼我不能刪除在twitter上已發佈的訊息呢???
     
     
    Mar. 12
    衫衫 夜wrote:
    小華 你好,
    那個問號[?]其實是 twitter 網頁的鏈結, 只要點一下, 就會跳到 twitter 的官方網頁。
    那為甚麼你點衫衫的没有反應, 但你點你自己的卻會在 Sandbox 裡鏈結呢?
    這是因為衫衫的 twitter 是放在 Windows Live Spaces 的「部落格」內, 因為 Windows Live Spaces 是禁止「部落格」內一切有關 Flash 的 Action Script 鏈結的, 所以按下亦沒有反應 (被禁了); 而你的 twitter 則是放在 Sandbox 裡, Sandbox 是一個 gadget, 它不會受到 Action Script 鏈結的限制, 所以點一下就會跳到 twitter 的官方網頁了。
    不過亦因為 Sandbox 只是一個 gadget, 它處理鏈結時不會另外開一個新視窗, 所以鏈結就會在 Sandbox 內直接出現~
    希望以上的解釋你會明白多些吧~ ^_^
    July 17
    華華wrote:
    衫衫,您好:謝謝您的教學..讓我學到很多
    但是我有個問題想請教您
    我完成而且也貼上Sandbox裡了
    圖案就是上頭第一個大視窗
    它上面有個問號[?]
    我點您的都沒有反應
    但是,我點我的卻出現
    登入連結twitter很大的畫面
    不過還是在那個框框裡
    除非我按重新整理
    要不然,畫面還是定在那
    為什麼會這樣呢?
    July 4
    衫衫 夜wrote:
    小米~~*╰✤✿╮♪♬♫ღReginaღ♭♬ ♪╰✤✿╮ 你們好,
    你們的問題都是一樣啊~ 放心, 這不是瀏覽器的問題, 這不過是 twitter 伺服器有時候更新慢了才會出現 (越來越多用戶啊~), 一般來說, 10 分鐘內必定更新成功的~ 除非過了 20 分鐘或以上也沒有更新, 否則也不用擔心~ ^_^
    June 16
    我都加了twitter~!!!謝謝你ge指導~~
    但還有一個小問題..不知是否網路更新太慢...所以我在twitter update了, 但space 內的還沒更新~~~
    真的很謝謝你~~
    June 15
    Vienna Leiwrote:
    衫衫....我已加了這個twitter但遇到的情況剛下面的大大一樣....就是我在twitter update了新message但space裏的twitter卻沒有更新 @@
    但奇怪的是一時ok一時不ok.....不知是否我的瀏覽器有問題....煩請指教....thsssssss
    June 14
    衫衫 夜wrote:
    charlene 你好,
    相信你是指 Followers 吧? 其實 Followers 是指有那些朋友 "訂閱" 你的 twitter, 而他們 "當" 了你的你 Followers 後, 彼此就可以即時看到對方的最新留言, 而你指的那個小框框裡就會顯示你 Followers 的頭像, 你更可以將他們加入成為朋友啊~ ^_^
    PS: 你可以看看衫衫的 twitter, 自然會更加明白 Followers 了~
    衫衫的 twitter - http://twitter.com/camuschu
    May 4
    Charlene Linwrote:
    請問為什麼點follow那個連結不是另開視窗回twister,而是直接秀在小框框裡呢?
    May 4
    衫衫 夜wrote:
    琪琪 你好,
    別客氣~ 好東西就是要和大家分享才有意思~ ^_^
    Apr. 20
    衫衫 夜wrote:
    viviana (✿◡‿◡) 你好,
    別客氣~ 衫衫也恭喜你成功了~ ^_^
    Apr. 20
    ivy ivywrote:
    夜衫衫,多謝你的教學,thank you!
    Apr. 19

    Trackbacks (1)

    The trackback URL for this entry is:
    http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!1425.trak
    Weblogs that reference this entry