在 Blogger 放置 facebook 推文按鈕

如何在 Blogger 放置臉書推文按鈕，方便訪客直接分享到他的臉書頁面呢？前陣子採用了 jas9 分享的 fbShare.me，不過如果直接放置該 script 在 <data:post.body/> 之前，點擊之後無法針對每一篇文章進行分享，導致點擊首頁的每個按鈕，分享的都是同一個首頁網址，因此需要修改 script 中的 url 部份！

fbShare.me 有提供 url 欄位可以修改，所以只要複製他提供的範例，然後將 url 的部份改成 <data:post.url/> 就可以針對特定文章進行分享了，整體的 code 看起來像是下面這樣：

<script>var fbShare = {
url: &#39;<data:post.url/>&#39;}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>

放在 <data:post.body /> 之前，此外如果希望按鈕可以顯示在文章的右上角的話，可以在 blogger 的 CSS 範本中加入以下設定：

.wdt_button {
padding: 10px 0 0 10px;
float :right;
}

然後將按鈕的程式碼改成如下：

<div class='wdt_button'>

<script>var fbShare = {
url: &#39;<data:post.url/>&#39;}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>

</div>