推薦您全新的瀏覽模式,簡潔、快速,共有七種模式可供選擇。馬上體驗!

歡迎加入張哲生的臉書粉絲專頁,掌握《哲生博客》的最新動態。

2010年4月23日

在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 裝上這個按鈕吧。

對了,別忘了幫我這篇文章「讚」一下唷!感謝~
分享本文:

25 意見:

Related Posts Plugin for WordPress, Blogger...