www.flickr.com

3/11/2010

「教學」在 Blogspot 上面置放 Facebook, Plurk, Twitter 和 Google Buzz 的推文按鈕


好的,其實這個主題已經很多人寫過了,不過因為都是一個個單獨寫的,小梅子這邊只是做一個小整理,將這四個網站的推文按鈕一次做完,並且簡化了小按鈕的圖檔大小,讓他們看起來比較整齊,歡迎各位自行取用。

使用的方法很簡單,首先,你要進入 Blogspot 的管理後台,在「版面配置」這個下面,點一下「修改 HTML」的選項,就可以看到有點小可怕的 XML 碼編輯器功能。

小梅子自己是將這些按鈕放到每篇 Blogspot 部落文章的標題後面,各位也可以挑自己想放的地方來置放。

假如你也想放在 部落文章的標題後面,那麼你要在那堆 XML 程式碼中找到

<data:post.title/>
這段,然後將個檔案中的文字碼加上去。

在 Blogspot 上面置放 Facebook, Plurk, Twitter 和 Google Buzz 的推文按鈕碼

然後就收工搞定,可以看到類似小梅子部落文標題旁的按鈕 :D

PS : 另外,其實網路上還有別的程式碼,是可以連「計數」都撈出來,顯示被推的數字,不過小梅子試過一些,有些不支援中文標題,有些圖案大小不同,四個放在一起看起來就有點醜,所以小梅子最後還是決定放個簡單素雅的就好。

假如想試試會計數的,請參考下面的碼
<a name="fb_share" type="box_count" expr:share_url="data:post.url" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<script src="http://twittley.com/button/button.js"></script>
<script src="http://www.buzrr.com/button.js"></script>


PS2:由於 blogspot 會過濾一些很重要的語法,所以我將程式文字碼放在另一個純文字檔案中,這樣應該就不會有問題。

7 則留言:

Nowe 提到...

你好 我使用此篇文章之語法,系統出現以下 錯誤訊息,請問我該如何處理?

我們無法剖析您的範本,因為它的結構不完整。 請確定所有的 XML 元素均已正確關閉。
XML 錯誤訊息: The reference to entity "t" must end with the ';' delimiter.

小梅子 提到...

to Nowe

你試看看將那段程式碼中的 " 符號,用連在一起的 &quot ; 取代

Nowe 提到...

小梅子你好
我將此段語法中有 " 符號的地方全部改成 " 依然會出現同樣的錯誤訊息,我該如何除錯。
謝謝

Cyber Runner 提到...

小梅子大
謝謝

嗯.. 那個問題解決法

1. " - "

2. & - &

希望有幫到上面那位大大

Cyber Runner 提到...

阿.. 姑狗不漏葛 把那個 ascii 改了

嗯..再貼一次

1. " - & q u o t ;

2. & - & a m p ;

把空格去掉...

醬就口以啦

小梅子 提到...

謝謝 Cyber Runner

由於 google 一直在過濾,我又懶得去改 Blogspot 的 CSS , 所以呢,我將程式碼另外存成一份 txt 檔案了,哈哈哈(自我良好貌)

Nowe 提到...

小梅子

ok了!但我是放在data:post.body/這語法之上,才有辦法顯示!!
謝謝 Cyber Runner跟小梅子的幫助!!