延續這一篇【社群】在文章頭尾安裝『Facebook讚』按鈕 - html版
如果是第一次安裝讚按鈕，請參考上面文章的前三步，第四步改以本篇的代碼貼到對應位置即可。
在實際測試下，我發現html版的載入速度稍慢，於是想測試iframe版，發現速度比較快，於是提出來做個分享。
做法很簡單，只要將html版的第四步驟代碼，以這一段完全替換，同時更改appID的號碼即可
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&width&height=21&colorscheme=light&layout=button_count&action=like&show_faces=true&send=false&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
沒有留言
張貼留言