Element XD lab
哥教的不是CG,是偷雞
快速導引

【Blogger】在文章頭尾安裝『Facebook讚』按鈕 - XFBML版


一個讚按鈕寫了三篇文章會不會太扯?


不會不會,在我的測試中,
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版本第四步驟的代碼蓋過即可。


完工~
技術提供:Blogger.

聯絡


聯絡表單

名稱

以電子郵件傳送

訊息

© thephilko.com All Rights Reserved