【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