Plurk Widget變形式

Plurk是不同於Twitter、Buboo的另一形態微網誌，但同樣讓我們可以在上面有事沒事碎碎念一下，而且同樣有社群的功能，同道中人你言我語，心情、新訊在螢幕河道上迅速流動，舉凡分享心情、聯繫情感、結交朋友、交換資訊、互通意見等，人們社交往來的許多重要行為皆可在其中完成。
不過今天談論的重點，是Plurk的相關應用(畢竟已經有太多的高手做過詳細介紹啦!)。就如同曾於台灣派也是要twi一下阿!!提到的，Twitter有許多形式Widget的可置放在部落格，隨時更新目前該帳號碎碎念的狀態，同樣的Plurk也提供了Widget予以使用者放在所需要的地方。

• 從個人頁面左上角的【edit】進入編輯。

• 跳出的編輯畫面選擇【Widget】。

• 即看到官方版【Widget】畫面，並獲得一組語法；貼到部落格欲顯示的位置即可。

<script type="text/javascript" src="http://www.plurk.com/static/widget/plurkwidget.js?user_id=20677&height=300&interval=10"></script>
不過先前遇到一個很苦惱的問題是，Plurk介面上提供調整Widget的高度，卻無從調整寬度；這點我和酥餅葛格都為之苦惱很久，因為這樣無法放進部落格中阿(我的邊欄非常苗條)！昨天我試著從自己部落格的CSS去設定對應的語法，好不容易研究出來了，欣喜若狂的在Plurk上歡呼時，CGS才說Plurk現在已經提供到可以用語法調整寬度的程度了...囧rz。

但畢竟我這是量身訂做的設計家款式，還是跟用原始的Widget直接把尺寸調小有所不同，因為我的Plurk Widget長這樣呢!
也就是可以改變成自己喜歡的底圖，還有字的大小、顏色
，也可以讓它與你的部落格更match!方法如下:

一樣將Plurk Widget語法法放至於希望顯示的位置，然後在 CSS 區塊(或 body{} 之後)加入此段程式碼，再依據需求喜好設定即可。

.plurk-widget {
max-width: (寬度)px !important;
margin:auto !important;
background:url("底圖網址") !important;
font-size: 字體大小px !important
}
.plurk-timeline {
height: 高度px !important;
background: 背景色 !important
}
.plurk-widget .plurk-timeline a , .plurk-widget .plurk-timeline a:link {
color: 內文連結字體色 !important;
background: transparent !important
}
.plurk-meta {
font-size: 內文連結字體大小px !important
}
.call-action , .plurk-widget .call-action a , .plurk-widget .call-action a:link {
color: 底部連結字體色 !important;
background: transparent !important
}

★延伸閱讀

• Plurk激活風格．發揮微網誌精神ClubEddy 步落癮
• 最近我在Plurk恩的領域
• Plurk 其實也沒什麼，就只是真的很好玩而已電腦玩物
• 黑兄，噗浪中～Plurk！！！Black Brother

我愛台灣 社群網站 設計 css plurk