2010年10月2日 星期六

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

1. 請複製下面的程碼。
● 程式碼內↓粉色的文字(位置設定及標籤文字及圖片網址可以自行更改^^)
<div style='float:right;'> ← left (靠左)  right (靠右)  center (置中)
<div style='float:right;'><a expr:href='&quot;http://www.plurk.com/?qualifier=shares&amp;status=&quot; + data:post.url + &quot; &quot; + &quot;(&quot; + data:post.title + &quot;)&quot;' target='_blank' title='推文至噗浪'><img src='http://zxc2034b.googlepages.com/plurk.gif'/></a>

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

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

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

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

參考教學

1. 布朗尼教學:在 Blogger 加入 Plurk 推文按鈕

2. 重灌狂人教學:如何在網站放twitterPlurk噗浪「推文按鈕」?
3. 索尼斯教學:快速將BLOGGER文章推到部落軌道、PlurkTwitter
4.玄音小棧

沒有留言:

張貼留言