2009年7月16日 星期四

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

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

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

感謝 感謝布朗尼教學:BrownyWalking - 布朗尼看世界: [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;'><aexpr: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='推文至噗浪'><imgsrc='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


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

祝福大家學習愉快!!


玄音小棧

2009年2月25日 星期三

Blogger小工具應用02-最新文章,最新回應欄製作

Blogger小工具應用02-最新文章,最新回應欄製作

Blogger小工具應用01-一個帳號管理多個網誌

一個帳號管理多個網誌