2010年4月18日

在Blogger上使用 Facebook 分享按鈕

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


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

image

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

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

http://www.facebook.com/facebook-widgets/share.php
image
選好你要的格式後,把下面那段分享程式碼複製起來。




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

3 則留言:

Whatsapp Button works on Mobile Device only

Start typing and press Enter to search