在Blogger上使用 Facebook 分享按鈕

最近facebook正夯，但facebook內建將blogger轉文過去的小工具並不好用，無法及時更新，所以個人習慣手動將文章po在facebook上。現在有了這個分享按鈕更是方便blogger使用者將文章分享到facebook。


以往的方法就是把網址貼到facebook的”塗鴉牆”。但現在可以在blogger裡加上facebook官方的分享按鈕，例如:



不只是分享按鈕，旁邊還會顯示分享次數。
方法很簡單，兩個步驟，如下:

1. 到facebook小工具裡挑選你要的格式

http://www.facebook.com/facebook-widgets/share.php

選好你要的格式後，把下面那段分享程式碼複製起來。

2.貼到Blogger裡

A、進入範本 → 版面配置 → 修改 HTML → 勾選「展開小裝置範本」
B、將上面複製的分享程式碼貼到你要的位置:

• 文章標題右方：

<h3 class='post-title entry-title'>
<div style='float:right; margin-left:10px;'>
推文按鈕程式碼
</div>

• 文章內容右方：

<div style='float:right; margin-left:10px;'>
推文按鈕程式碼
</div>
<p><data:post.body/><p>

• 文章意見右方：

<p class='post-footer-line post-footer-line-1'p>
<div style='float:right; margin-left:10px;'>
推文按鈕程式碼
</div>

如果要把按鈕放在左邊，則把上面的 float:right 改成 float:left，以及 margin-left 改成 margin-right 。