Blogger版型分享小工具應用

在Blogger加入Plurk.twtter.facebook推文按鈕

　　網路群集的力量是不可思議的，在痞客邦或天空每篇文章後面都有一排的推文小圖，只要喜歡分享，點一下小圖就可以將文章快速推到各各網站，在Blogger雖沒有這項功能，不過網路上什麼都有，網路達人會幫我們找到解決方法。

感謝感謝布朗尼教學：BrownyWalking - 布朗尼看世界: [tip] 在Blogger 加入Plurk 推文按鈕，現在就把推文按鈕加到Blogger吧！

本篇引用布朗尼老師的教學加上一些圖文解說，讓您也可以馬上使用到推文按鈕的快速用途。

1. 如何讓每篇文章頁首或頁尾都自動加上一個 快速分享至 Plurk .twtter. facebook 的連結？ (如下圖↓)

2. 布朗尼老師已將程式碼修改成 Blogger 平台可用的版本，程式碼如下↓

<a expr:href='"http://www.plurk.com/?qualifier=shares&status="
+ data:post.url + " " + "(" +
data:post.title + ")"' target='_blank' title='推文至
plurk'> 文字或圖片 </a>

2-1. 若只要一個推文按鈕就直接複製老師的程式碼或三個貼文按鈕都要，請複製下面的程碼。

● 程式碼內↓粉色的文字(位置設定及標籤文字及圖片網址可以自行更改^^)

<div style='float:right;'>　←left (靠左) right (靠右) center (置中)

<div style='float:right;'><aexpr:href='"http://www.plurk.com/?qualifier=shares&status="+ data:post.url + " " + "(" +data:post.title + ")"' target='_blank' title='推文至噗浪'><imgsrc='http://zxc2034b.googlepages.com/plurk.gif'/></a>

<a expr:href='"http://twitter.com/?qualifier=shares&status="
+ data:post.url + " " + "(" +
data:post.title + ")"' target='_blank' title='推文至Twitter'><img
src='http://zxc2034b.googlepages.com/twtter.gif'/></a>

<a expr:href='"http://www.facebook.com/sharer.php?u="
+ data:post.url + "&t=" + data:post.title' rel='external
nofollow' target='_blank' title='分享至 Facebook'><img
src='http://zxc2034b.googlepages.com/facebook.gif'/></a></div>

　● 線上分享的推文按鈕（按右鍵點選內容，可找到網址或自行上傳到個人網路空間。）

3. 將程式碼貼到Blogger的HTML語法裡

進入Blogger→點入版面配置-點選修改html→右邊的展開小裝置範本前小方格打勾→用工具列編輯裡的尋找→找到 data:post.body/ 這段語法後→將下列程式碼貼到 data:post.body/ 上方，表示推文按鈕會出現在每篇文章頁首；貼在 data:post.body/ 下方，表示推文按鈕會出現在每篇文章頁尾。

操作方法圖↓