2009-10-11

Published 星期日, 10月 11, 2009 by with 5 comments

在 Blogger 放置 facebook 推文按鈕

fb_share01.jpg
如何在 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>
      edit

5 Comments:

張貼留言