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

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

留言

DATO寫道…
你好我依照你的作法 試了一下 真的非常實用
不過有一個問題是
當我臉書狀態登出下,該篇讚的數量被歸0
而你的網誌我登出狀態下,仍然可以看的到讚的數量,請問還需設定其他地方嗎?
張哲生寫道…
Re: DATO <8454600988677116632>
並不需要其他的設定,我想應該是因為除了你用的這台電腦按讚之外,尚沒有來自其他IP的電腦按讚的緣故吧。
DATO寫道…
我請別人讚了情況還是一樣
http://www.facebook.com/photo.php?pid=195926&id=100000413008516

嗚...我被這個打敗
goodie寫道…
請問大大如果在blogger中想把"讚"放在文章底部的話要怎麼做呢?照大大的方法目前是每一篇的頂部有"讚"
DuckHugh寫道…
作者已經移除這則留言。
DuckHugh寫道…
Re: goodie <6525818624751037385>

丟到data:post.body底下就可以囉!!
站長寫道…
感恩~
http://digicontent.blogspot.com/ 我個人的部落格 也有facebook的讚了...
Unknown寫道…
您好 感謝您的分享

我把您的文章 轉貼到我blog個 如果有問題 請跟我說 我也做了反向連結了
沛語寫道…
您好:

感謝您的分享。
也另外自己發了篇文"備份"此教學....
data:post.body 丟到這底下後

發現是不ok的

顯示xml的架構不完整

這是甚麼問題?
Rex Chang寫道…
請問一下,
為什麼我的安裝好之後,
點的讚,在facebook動態中卻不會有超連結?
只會出現一杭 xxx說讚的文字...........
匿名表示…
我的語法是在fb官方拿的http://developers.facebook.com/docs/reference/plugins/like
放了之後只要我自己在任一篇按讚 就會全部文章都按了讚...
怎麼辦?
混天人寫道…
我想請問一下,
有方法可以知道有誰在我的blogger上的文章按了「讚」嗎?
DuckHugh寫道…
去 管理頁面 就可以知道啦~
混天人寫道…
Re: 執行長:DuckHugh <111376643101332747>

不好意思耶,我在blogger的管理頁面上找了好久都沒有找到,
可以麻煩您說詳細一點嗎,我可能比較呆,不好意思
張哲生寫道…
Re: 混天人 <869735820216971025>

基於Facebook的隱私設定,除了你Facebook上面的朋友之外,你並無法知道是誰在你文章上按了讚。
DuckHugh寫道…
奇怪我的讚旁邊就有"管理頁面"的選項~然後就進入類似粉絲專頁的地方可以做管理耶!~~
Liz 高琹雯寫道…
您好,我照您的方法成功嵌入了"讚"的按鈕,我在部落格上按讚後,我的facebook個人頁面上確實出現了被按讚的文章,但文章縮圖會變成一個+Yahoo的圖片,請問該怎麼讓縮圖變成部落格上的圖片呢而不是這個+Yahoo呢?請指點我這個部落格新手,謝謝!
張哲生寫道…
Re: Liz <1357126104402506649>

臉書系統會自動抓取你的部落格文章裡出現的第一張圖片作為縮圖,是無法自己選擇的。除非你自己將部落格文章網址貼到臉書的塗鴉牆時,才能選擇縮圖。
ma19寫道…
那要怎麼改到每篇標題的後面呢?
Lydia Lin寫道…
作者已經移除這則留言。
Lydia Lin寫道…
我發現我部落格的其中一篇文章原本有100多個讚, 結果不知道那一天開始, 怎麼好像歸零了, 進去其他的文章裡看都沒事, 重新把語法放一遍, 同一篇文章還是沒辦法顯示, 也沒辦法按讚耶, 請問要怎麼解呢?
ㄚ倫寫道…
謝謝分享!超級實用的
想請問有沒有辦法
讓點讚者的FB照片不顯示在部落格上
因為我覺得有點眼花撩亂
張哲生寫道…
Re: ㄚ倫 <2512218941038466575>

將語法裡面的 show_faces=true 改成 show_faces=false" 就可以不顯示照片了。
寫道…
hello, I searched this article using google and landed here, I find it very useful, but here's my problem:
first time changing it was ok, but forgot to save, try again second time and the button appear in the middle of the page, I wanted to paste the button at the end of the my blog but not it appears in the middle of page, can you help me out, thanks.


Best regards,
Ken

這個網誌中的熱門文章

台灣老三台1978~1998懷舊西洋電視影集回顧

小甜甜生命中的五個男人

谷村新司的經典歌曲「昴」