2010年10月9日星期六

將facebook推文按鈕加入blogger

首先到facebook官方分享工具網頁:
http://www.facebook.com/share/
設定好選項後將程式碼複製下來,如下:
<a name="fb_share" type="box_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>
若要在首頁上推每一篇文章,而不是推首頁,則作如下修改:
<a expr:share_url='data:post.url' name="fb_share" type="box_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>
若要放在文章右側,則作如下修改:
<div style='float:right; margin-left:10px;'> 
  <a expr:share_url='data:post.url' name="fb_share" type="box_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>
</div>
進入blogger管理介面中的 "設計>修改HTML",將"展開小裝置範本"打勾,將修改後的程式碼放在適當的位置,例如:
文章標題旁:
<h3 class='post-title entry-title'>
程式碼
文章內容旁:
程式碼
<data:post.body/>
參考資料:
Blogger 推文按鈕位置 DIY
在 Blogger 每篇文章上使用 Facebook 分享按鈕
expr - evaluate arguments as an expression
Facebook 分享功能

Facebook留言板:

0 意見:

張貼意見