Facebook Social plugins - Like Button 為Blogger加入Facebook說「讚」按鈕

透過一個簡單的「讚」，讓你的網誌與Facebook社群接軌～



想在Blogger中加入Facebook所提供的"Like Button"嗎？很簡單，只要到Facebook Social plugins->Like Button，透過簡單的幾項設定就可輕鬆產生iframe程式碼。利用「新增小工具：HTML/JavaScript」貼上程式碼就可以引入此功能。若是想要將這樣的功能主動放入每篇文章之中，並自動對應至該文章的網址，則可參照以下作法：

以Blogger為例，請先進入「設計：修改 HTML」，點選「展開小裝置範本」，並找到"<data:post.body/>"此段程式，將以下程式碼複製後放在"<data:post.body>"之前即可：

<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;height=35&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px' allowTransparency='true'></iframe>

附帶一提，放在"<data:post.body>"之前或之後可決定按鈕要出現在文章頁首還是頁尾，這就根據您的喜好自行決定吧。

---

<參考資料來源>
Inside - 如何安裝Facebook Like按鈕在自己的網站上，讓網友們「讚」一下？
Digital Inspiration - Add Facebook Plugins to your Blog – Quick Guide
Browny Walking - 幫 Blog 換上新版的 facebook "Like" 按鈕
WordPress 中文指南 - 為你的網誌加入Facebook推文按鈕（Like Button）