前一陣子柯南發表了一篇「趕風潮,部落格新增Facebook之讚功能」的文章,
其實本意只是想跟大家分享我在部落格中裝了這個「讚」的按鈕,
不過從文章下面的回應看來,
似乎很多人都很好奇要怎麼把讚放到每一篇文章(或每一個網址)中。
除了Facebook真的蠻熱門外,
我想在設定頁面中因為只能指定單一網址也是原因之一。
在本篇文章並不跟大家分享調整「讚」按鈕與網頁位置的方法,
相信許多熟忍HTML與CSS的朋友,
都可以輕易辦到。
所以本篇將分享一次語法搞定每一篇文章有自己讚按鈕的方法。
基本上,
只要將以下語法放到部落格放置外掛的地方即可,
其實不只是部落格,
一般網站也適用就是。
<iframe id="facebookbutton" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> <script> document.getElementById('facebookbutton').src = "http://www.facebook.com/plugins/like.php?href=" + document.URL + "&layout=button_count&show_faces=false&width=100&font=arial"; </script>
只要放入上面的語法,
就可以根據每一個獨立的網址產生對應的讚按鈕,
是不是很簡單呢?
歡迎大家取用,
不過也歡迎留言給柯南鼓勵喔:D
文章標籤
全站熱搜

我後來有研究另一種放法,或許會比較有彈性,不用 iframe 用 xfbml 的模式 ex:
這樣好像比較不佔瀏覽器的資源
其實我覺得差不多.. 但是用xfbml需要FB的JavaScript SDK 而且也需要去申請app id,對一般使用者有些複雜 ^^!!
好難懂><
基本上就是把語法貼到側邊欄位設定中就可以嚕..^^!!
你好,謝謝你的分享,請問一下,我放到側邊欄位設定裡, 可是就變成真的是側邊欄位,如何可以每一篇部落格都有讚可以點呢...?謝謝!!
我是放在公告版位. 當然有加點CSS的處理:D
主題: 邀請您加入聯播,把愛傳出去 您好~我是喜憨兒基金會的志工, 誠摯地邀請您加入喜憨兒的公益活動愛心聯播, 加入聯播的愛心部落長可以申請愛心banner,宣傳自己的blog 幫助憨兒很簡單喔…詳情請至喜憨兒官方活動網址… http://blog.twm.com.tw 也可自行加入貼文志工(貼貼配合運動做做 一個下午或晚上就過去了) 請逕聯絡careblog@careus.org.tw的Anny小姐 (貼文過程中您也會發現一些有趣或有益的部落格喔 自亦有樂趣相報!) 打擾之處敬請見諒
:)
感謝你!很有幫助!!
謝謝呢:D
請問 這樣訪客「讚」的對象就是部落格吧? 那有沒有可以把特定fb粉絲專頁的「讚」擺在部落格的?
理論上改讚的網址就ok 不過要實際上試才知道Facebook有沒有限制.但我認為沒有..