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

作者: Jas / 發表於 2009-06-30

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

plurk this

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

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

首先,找到Plurk官方提供的書籤工具小程式Bookmarklet語法:

<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>

純文字連結如下:

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

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

Plurk this!

最後,綜合以上兩者拼湊成「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!」露出的位置即可。





回上方