前一陣子柯南發表了一篇「趕風潮,部落格新增Facebook之讚功能」的文章,
其實本意只是想跟大家分享我在部落格中裝了這個「讚」的按鈕,
不過從文章下面的回應看來,
似乎很多人都很好奇要怎麼把讚放到每一篇文章(或每一個網址)中。

除了Facebook真的蠻熱門外,
我想在設定頁面中因為只能指定單一網址也是原因之一。
在本篇文章並不跟大家分享調整「讚」按鈕與網頁位置的方法,
相信許多熟忍HTML與CSS的朋友,
都可以輕易辦到。
所以本篇將分享一次語法搞定每一篇文章有自己讚按鈕的方法。
基本上,
只要將以下語法放到部落格放置外掛的地方即可,
其實不只是部落格,
一般網站也適用就是。

<iframe id="facebookbutton" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;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


arrow
arrow
    全站熱搜

    賽拉維‧柯南 發表在 痞客邦 留言(6) 人氣()