為部落格新增一個「Plurk this!」噗浪button

Tuesday, June 30, 2009 Jas9

今年四月，我在這個部落格的文章底下新增了一個「Twitter It!」的button，並且，還寫了一篇文章記錄下來，以備不時之需。

為什麼當時不順便也做一個「Plurk It!」？

週休假日突然想到這點時，決定著手來進行這個小小的部落格版型補完計劃。

<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&amp;status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));">Plurk this!</a>

純文字連結如下：

Plurk this!

把文字連結拖拉到瀏覽器工具列，可以直接當成書籤工具來使用。

不過，我打算做的是部落格文章底下的icon式連結，所以，還得先設計製作好尺寸相符的icon圖示：

最後，綜合以上兩者拼湊成「Plurk this!」的連結語法碼：


<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&amp;status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));"><img src="http://xs8s1a.blu.livefilestore.com/y1pjWKRR6pVUGFc8nTkzujNTLM71lhSEPVeoVT-0RNSmQz3Zg4gz6e84nPJP0Rc0uYoJmVX1unOag2mAnjfREVDdg/PLURK.png" alt="Plurk this!" title="Plurk this!" border="0" /></a>

直接Copy再貼到你希望「Plurk this!」露出的位置即可。