125 [轉貼]Twitter 顯示在部落格中的三種方法－★喵寓所♫♪ⓜⓔⓞⓦ★0129號房

每次都看到艾瑪姊那邊有有趣的東西，這個twitter老實說我注意很久了，可是因為看起來好像很複雜，所以我都不敢去嘗試。

今天明明也很沒空，可是看到艾瑪姊新ｐｏ了一篇很方便的用法，所以我就衝去弄了

不過老實說還不是很懂，所以…先引用過來放著囉
先謝過艾瑪姊

（有空再去找註冊相關的資料來ｐｏ）

關於 Twitter 顯示在部落格中的三種方法

無論如何，你要先註冊。http://twitter.com/

http://twitter.com/amarylliss

這一頁（http://twitter.com/你的 twitter ID），點進圖上方連結右四的 badge ，你會看到無數可使用的聯播方式。

　

★★ Twitter@blog 第一種：只聯播自己的flash★★

follow amarylliss at twitter.com
<div style="width:205px;text-align:center"><embed src="http://twitter.com/flash/twitter_badge.swf" flashvars="color1=10079385&type=user&id=705653" quality="high" width="205" height="205" 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: 13px; color: #cccccc; text-decoration: none" href="http://twitter.com/amarylliss">follow amarylliss at http://twitter.com</a></div>

注意：只需要改橘色的width:205px;和這個 width="205" height="205"兩個地方即可（目的讓中文字看起來比較好看）。
優點：所有人都可以使用，要貼在邊欄或者文章中間來聯播都可以隨心自如。
缺點：樣式外框比較制式，當然你也可以去找一些比較可愛的底圖來換。
　

　

★★ Twitter@blog 第二種：與朋友一塊聯播的flash★★

<div style="width:300px;text-align:center">
<embed src="http://static.twitter.com/flash/twitter_timeline_badge.swf" flashvars="user_id=705653
&color1=0xFFFFCE
&color2=0xE6F2CD
&textColor1=0x4A396D
&textColor2=0xB70909
&backgroundColor=0x0
&textSize=13"
width="300" height="400"
quality="high"
name="twitter_timeline_badge" align="middle" type="application/x-shockwave-flash" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer">
</embed<br>
<a style="font-size: 10px; color: #0xB70909; text-decoration: none" href="http://static.twitter.com/amarylliss">
<img src="http://static.twitter.com/images/twitter_bubble_logo.gif" border="0" /></a>
</div>

注意：

1) 橘色的width="300" height="400" 是設定外觀寬度長度的變數，
2) 粉紅色

    &color1=0xFFFFCE
    &color2=0xE6F2CD
    &textColor1=0x4A396D
    &textColor2=0xB70909
    &backgroundColor=0x0
    &textSize=13

這些地方則是控制每一則 twitter 的底色和文字顏色。
優點：一樣是所有人都可以使用，即使無名小站的非付費會員一樣可以貼在邊欄或者文章中間來聯播。
　

　

★★ Twitter@blog 第三種：以RSS來聯播★★

RSS一樣可以選擇要播放你自己的 twitter 或者與朋友共同的碎碎念。

只聯播自己

到 http://twitter.com/你的 twitter ID 最下方，看到 RSS Feed，複製那一個網址。
例如：艾瑪的 twitter RSS就是 http://twitter.com/statuses/user_timeline/705653.rss

與朋友一塊聯播

登入 twitter 後，進 http://twitter.com/home這一頁，在最下方有RSS 的連結按進去。
例如：艾瑪與朋友的聯播RSS就是 http://twitter.com/statuses/friends_timeline/705653.rss

是說，有RSS是不是非常方便呢？！真的是！

我現在所採用的聯播正是第三種，而這種如果與 NewsGator (聯播教學: [分享] 秀才不出門的懶方法:3分鐘搞定聯播設定)一塊的話，所顯現的彈性又更大！像我的邊欄

＠在 NewGaotr 這一頁中的設定是：

1) 粉紅色的部分是圖片顯示
2) 我只要RSS中的本文部分，所以只加上了 $description$ 變數，如果你還需要時間的話，請再加上$datetime$。

<div>
<img src="http://assets2.twitter.com/system/user/
profile_image/705653/normal/1166432659.jpg?1169777728"
align="left" hspace="5" vspace="5">
<font color="#000000">$description$</font>
</div>
<p></p>

＠在無名小站/PIXNET邊欄中的設定是：

<font color="#000000">
<script src="http://services.newsgator.com/ngws/headlines.aspx?uid=579595&mid=1"></script>
</font>
<center>
[
<a target="_blank" href="http://twitter.com/amarylliss">
For more twitters</a>｜
<a href="http://twitter.com/home">To Twitter</a>
]
</center>

粉紅色的部分就是 NewGaotr 這一頁中 的Java Script Codes，直接複製即可使用。

傑克，這是不是太神奇了呢？！你甚至可以把這應用在寫週記、寫日記上頭，直接輸出這些RSS變成一篇文章，難怪全世界有這麼多人瘋狂地 twittering!!

　

最後，祝大家 Twittering 愉快！ Blogging 開心！

　

原文出處: [分享] 三種在部落格中顯現 Twitter 的方法

hydemeow 王喵仔

★喵寓所♫♪ⓜⓔⓞⓦ★0129號房

hydemeow 王喵仔發表在痞客邦留言(0) 人氣()

E-mail轉寄

★喵寓所♫♪ⓜⓔⓞⓦ★0129號房

王喵仔=hydemeow，「喵寓所」

HYDEMEOW'S TALK