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 則留言:

  1. 為何我的按鈕會在左邊呢??如何把它移到右邊??謝謝你。
    http://chadesign.blogspot.com/

    回覆刪除
  2. Hello Geca

    我已經在文章中回答你的問題囉 ^^

    回覆刪除
  3. 請問一下裡面的
    script>var fbShare = {
    url: ''}
    有什麼作用...我把它刪除好像沒差別
    只放其他的好像都依樣的功能耶~

    回覆刪除
  4. 請問一下裡面的
    script>var fbShare = {
    url: ''}
    有什麼作用...我把它刪除好像沒差別
    只放其他的好像都依樣的功能耶~

    回覆刪除