---
title: "「教學」在 Blogspot 上面置放 Facebook, Plurk, Twitter 和 Google Buzz 的推文按鈕"
description: "「教學」在 Blogspot 上面置放 Facebook, Plurk, Twitter 和 Google Buzz 的推文按鈕"
pubDate: 2010-03-11
author: "jacobmei"
category: "網路與社群"
tags: [Blogger, Google, facebook]
canonical: https://jacobmei.com/blog/2010/0311-bg-f44f6881/
lang: zh-TW
license: CC BY-NC 4.0
---

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

[![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLxGg7x0Ayx6ySJ8nZtOWIp5KfRdP5k16tqSFGT3-emaBUqvsZLnrZP7Z_NguFwDLwKA2-ThOWXjMzRfDkluo6Lr-8utL9lkgk0uso7E2KXYEohKJNphFK3v2Y_pTrnrk0cv1uzyWPWGE/s320/%E5%9C%96%E7%89%87-1.jpg)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLxGg7x0Ayx6ySJ8nZtOWIp5KfRdP5k16tqSFGT3-emaBUqvsZLnrZP7Z_NguFwDLwKA2-ThOWXjMzRfDkluo6Lr-8utL9lkgk0uso7E2KXYEohKJNphFK3v2Y_pTrnrk0cv1uzyWPWGE/s1600-h/%E5%9C%96%E7%89%87-1.jpg)  
好的，其實這個主題已經很多人寫過了，不過因為都是一個個單獨寫的，小梅子這邊只是做一個小整理，將這四個網站的推文按鈕一次做完，並且簡化了小按鈕的圖檔大小，讓他們看起來比較整齊，歡迎各位自行取用。  
  
使用的方法很簡單，首先，你要進入 Blogspot 的管理後台，在「版面配置」這個下面，點一下「修改 HTML」的選項，就可以看到有點小可怕的 XML 碼編輯器功能。  
  
小梅子自己是將這些按鈕放到每篇 Blogspot 部落文章的標題後面，各位也可以挑自己想放的地方來置放。  
  
假如你也想放在 部落文章的標題後面，那麼你要在那堆 XML 程式碼中找到  
  
> <data:post.title/>

這段，然後將個檔案中的文字碼加上去。  
  
[在 Blogspot 上面置放 Facebook, Plurk, Twitter 和 Google Buzz 的推文按鈕碼](http://www.jacobmei.com/downloads/demo20100315.txt)   
  
然後就收工搞定，可以看到類似小梅子部落文標題旁的按鈕 :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 會過濾一些很重要的語法，所以我將程式文字碼放在另一個純文字檔案中，這樣應該就不會有問題。