Ads 468x60px

2010年5月18日 星期二

Blogger + facebook分享計數按鈕

重要: 要修改Template前請先備份存檔
修改步驟 自訂(Customize) → 範本(Template) → 修改 HTML(Edit HTML) → 把 展開小裝置範本(Expand Widget Template)打勾 來編輯範本的完整 HTML

將按鈕的程式碼加入你想要的位置(任選其一)
使用 facebook官方推出的分享計數按鈕
a. 將按鈕置於標題前或後:
在<h3 class='post-title'> 代碼前或後加入以下代碼:

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">分享</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

b. 將按鈕置於文章前或後右側:
在<data:post.body/>代碼前或後加入以下代碼:
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">分享</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

c. 將按鈕置於文章前或後左側
在<data:post.body/>代碼前或後加入以下代碼:

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">分享</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>