讓Blogger的每篇文章，都能facebook按讚

在很多部落格，都可以看到facebook plugin，像是按讚、留言、個人或專頁資料等等，

要加入這些元件，其實很容易，只要到facebook developer的專頁，就可以看到很多，

But，若要在Google Blogger加入這些元件，需要多一些手腳。


我今天要分享的是，我如何在這個站上，文章標題的下面，加入按讚的按鈕。

如何取得程式碼

進入facebook developer頁面，點上面的Docs，然後左邊Social Plugins，可以看到很多東西，按讚的這個是Like Button。

簡單地填好表格，然後按下Get Code

可用的程式碼就到手啦~~ （欄位我就不說明了，反正下面都有預覽，看倌自己動手看看）

因為我第一時間用HTML5沒有成功，所以我用的是iframe的程式碼

藍色的部分是iframe的內容網址，紅色部分是餵給facebook的網站網址，

而看到一堆百分比符號，和&這種東西，只要知道這是處理網址列的特殊字元，就足夠了。

不對啊，這是網站的讚，不是文章的讚

如果大家把這段程式碼，貼在你的blogger裡文章裡，你會發現，所有文章的讚，全部都混成同一筆。

你如果夠聰明，就會猜到：把上面程式碼的紅色字那一串，改成個別文章的網址，就正確啦～～

直接貼上我用的程式碼吧：

藍色和紅色的部分，可分別對照。expr:src這會進入blogger的語法，用data:post.canonicalUrl可以取得該程式段代表的文章的網址。

程式貼在哪裡？

不知道不同範本，會不會不一樣，

在範本→編輯html裡，找div class='post-header-line-1這行code，我找到兩個，把那段程式碼，貼在第二個的後面，就對了！

然後我有稍微美化一點，像是iframe的margin參數，這些大家都可以自己做。


祝大家順利  :)

為什麼要設圖片，不讓我直接複製？

這不是我小氣，是因為我把html直接貼在blogger編輯器，他的處理有問題，一直錯誤。
我先把文章發出，最後再嘗試補上～～～

<iframe allowtransparency="true" expr:src="&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;appId=625944607452433&amp;layout=standard&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;" frameborder="0" scrolling="no" style="border: none; height: 35px; margin: 10px 0px 0px 0px; overflow: hidden; width: 450px;">