在Blogger嵌入Facebook的讚(Like)按鈕

擁有4億用戶的社交網站「Facebook」，再次顛覆網路交友模式。其用戶可透過與臉書結盟的網站，從不同網頁分享訊息，使氣味相投者互動更頻繁。

Facebook 創辦人薩克柏（Mark Zuckerberg）表示這個新功能「把人擺在網路世界的中心」，但專家卻憂心，個人隱私將遭侵害。

目前有近70個網站與 Facebook 合作，在它們的網頁增設原本僅出現在 Facebook 頁面上的小按鈕「讚」（Like），Facebook 用戶若喜歡特定網站的某篇文章或某段音樂，只要點一下「讚」，就能知道在 Facebook 社群中，有哪些朋友和自己擁有相同的喜好。



薩克柏在名為「f8」的會議上表示，「現在網路上都是零星的網頁，但『開放圖表』（open graph）將使人居於網路核心，」從個人喜好或經驗出發，串起整個社交網絡。開放圖表是他理想的網路世界，在其中，用戶得以在不同的網站以真實身分互動。

在此同時，Facebook 亦推出了 Like Button（讚的按鈕） 的 Social plugin，不過在 FB官方說明頁 上，並沒有提及部落格要如何針對所有頁面來裝置這個按鈕，在經過一番研究之後，我終於找出在 Blogger  嵌入 Like Button 的方法，與各位分享如下：

登入 Blogger 的控制台 後，進入「版面配置」的「修改HTML」，勾選「展開小裝置範本」，然後找到下面這一行：

<b:includable id='post' var='post'>

在此行的下面，貼上下列語法：

<script>
document.write(&#39;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:65px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>
然後儲存範本即可。

上述的作法是將「讚」的按鈕放在文章標題之前，如果你想將按鈕放在文章的後面，則請將上面的語法改放在 <data:post.body> 之後就可以了。

當然也可以像我一樣，在文章前後都放囉！

趕快幫你的 Blogger 裝上這個按鈕吧。

對了，別忘了幫我這篇文章「讚」一下唷！感謝～