今年四月,我在這個部落格的文章底下新增了一個「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!」露出的位置即可。

7 留言

Arno Ruan寫道…
好實用!諾也加上了。^_^
拆組達人寫道…
真強!還會自己寫說!
程式這方面我就沒辦法了說!
Dubwoman寫道…
帶走囉~謝謝!
ㄚ晟寫道…
超厲害的!佩服~
匿名表示…
請問這是要能自己修改板型才能用嗎?
NLPS寫道…
謝謝!借來使用了~~~
silvia寫道…
不好意思,我加了語法後,是有出現圖片,但是點擊都沒有效果耶@@
較新的 較舊