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

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


延續這一篇【社群】在文章頭尾安裝『Facebook讚』按鈕 - html版
如果是第一次安裝讚按鈕,請參考上面文章的前三步,第四步改以本篇的代碼貼到對應位置即可。

在實際測試下,我發現html版的載入速度稍慢,於是想測試iframe版,發現速度比較快,於是提出來做個分享。



做法很簡單,只要將html版的第四步驟代碼,以這一段完全替換,同時更改appID的號碼即可
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;width&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;send=false&amp;appId=545652602172637"' scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px; width:35px" allowTransparency="true"></iframe>



完工



上面這一段代碼的由來有點坎坷:

如下圖,在【社群】在文章頭尾安裝『Facebook讚』按鈕 - html版文章中,第四步驟取用的是最左邊HTML5的代碼,當我們切換到IFRAME的時候,也會看到一段代碼,全部複製貼上的話,Blogger會解讀錯誤,於是爬了一下文章,終於找到debug的辦法,手動修正幾個關鍵項目之後,得到功能完全正常的代碼。


本篇修正代碼所參考的文章
How to Add Facebook Like to Blogger
技術提供:Blogger.

聯絡


聯絡表單

名稱

以電子郵件傳送

訊息

© thephilko.com All Rights Reserved