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

2009072509:23

 

 


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

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

感謝 感謝布朗尼教學:Browny Walking - 布朗尼看世界: [tip] 在Blogger 加入Plurk 推文按鈕 ,現在就把推文按鈕加到Blogger吧!

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

 


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

 


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

<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='推文至 plurk'> 文字或圖片 </a>

 

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

 

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

 

   

   

 


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

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

操作方法圖↓


 



4. 如何推文

4-1. plurk(噗浪)推文按鈕使用

當閱讀到某篇文章很好,想分享給好友欣賞時,只要點擊推文按鈕,就能馬上把文章推到噗浪上,讓噗友們都能分享。

 

 

4-2. twtter推文按鈕使用

 

 

4-3. facebook推文按鈕使用

 


5. 參考教學

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

2. 重灌狂人教學:如何在網站放twitterPlurk噗浪「推文按鈕」?

3. 索尼斯教學:快速將BLOGGER文章推到部落軌道、PlurkTwitter

 

※感謝網路達人老師分享教學文※

祝福大家學習愉快!!

 

玄音小棧