一個讚按鈕寫了三篇文章會不會太扯？
不會不會，在我的測試中，
HTML版安裝方便，按下去讓人數加1
IFRAME版速度快一點，按下去讓人數加1
這一篇的XFBML按下去讓人數加1，再多了一個好功能，如下圖的留言框
回想我們瀏覽各大部落格，常常能看到非常精闢搔到癢處或戳到痛點的文章，一邊閱讀暗暗點頭，手指好想打幾個字附和一下，但是往下看到正式的留言框又退卻了，覺得自己的意見似乎難登大雅，剛剛的澎湃也轉瞬間消失蹤影，就這樣留言的情緒一閃而逝，只剩下按個讚聊表看過不反對…
對於得來不易的每一位讀者，我們要盡力捕捉每一個可能有回應的機會，在純按讚跟到留言板留言間這一塊空隙，還有另一個情況，就是將文章轉帖到自己的FB，並且簡單說上兩句話。
透過這個XFBML版本，就可以輕易做到，按了讚馬上出現留言框，發佈的樣子像下圖，簡潔好看。
做法
如果是第一次安裝，請先依照【社群】在文章頭尾安裝『Facebook讚』按鈕 - html版的前三步驟，再接這一篇文章；如果已經按照之前的方式做過，想要升級，請直接往下看：
選擇XFBML標籤，
這裡會出現三個代碼的框框，第一個框框要做的事情，在上面那一篇文章的第三步驟已經做過了。
在第二個框框，我們取用整行代碼的中間部分（黃底）
<html xmlns:fb="http://ogp.me/ns/fb#">
貼到<html的標籤裡面，每一個範本的xmlns不一定一樣，也不用在意順序，裝進去就可以了，同時將雙引號改成單引號，或直接取用下面這一串來用也可以
xmlns:fb=’http://ogp.me/ns/fb#‘
下圖為安裝位置參考
接下來複製第三個框框，或直接使用我修改過的代碼如下
<fb:like action='like' expr:href='data:post.url' layout='button_count' share='false' show_faces='true'/>
將它放到你想要的位置，或者如【社群】在文章頭尾安裝『Facebook讚』按鈕 - html版第四步驟的位置也可以，已經安裝過html版本想要升級的話，直接將html版本第四步驟的代碼蓋過即可。
完工～
沒有留言
張貼留言