2009年4月27日 星期一

在Blogger文章中放置噗浪與twitter推文按鈕

update:修正噗浪代碼,不需填入自己的帳號

注意:修改HTML前請先存檔備份

這是「各大共享書籤代碼

修改詳細步驟如下:
1.進入資訊主頁 > 版面配置 > 修改HTML > 把「展開小裝置範本」打勾
找到下面這段代碼
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<----twitter與Plurk推文按鈕代碼插入處
</span>


2.在上面的藍色代碼中間插入下面twitter與Plurk推文按鈕代碼

twitter推文按鈕代碼如下:綠色的圖片連結部份,請自行找到twitter的小icon連結置入
<a expr:href='"http://twitter.com/home?status=" + data:post.title + data:post.url' target='_blank' title='推文至twitter' ><img src='圖片連結' style='border:0; weight:16px; height:16px;'/></a>

噗浪的推文按鈕代碼如下:綠色的圖片連結部份,請自行找到Plurk的小icon連結置入
<a expr:href='"http://www.plurk.com/?qualifier=shares;status=[推]" + data:post.url + " " + "(" + data:post.title + ")"' target='_blank' title='推文至plurk' ><img src='圖片連結' style='border:0; weight:16px; height:16px;'/></a>

以上代碼中的「shares」可以改成loves、likes、gives、says


補充說明:有的部落格,按鈕會擠在一起,沒有間隔,可以透過調整程式碼來加大間隔
在HTML裡找.post img,以下代碼如果沒有藍色部份請自行加入,px數值如果愈大,間隔就愈大
.post img {
  padding:4px;
Related Posts Plugin for WordPress, Blogger...