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

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

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


(有空再去找註冊相關的資料來po)



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



http://twitter.com/amarylliss

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

 

 

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

<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邊欄中的設定是:

twitter-3
<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 的方法
arrow
arrow
    全站熱搜

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