如何在Blogger(部落格)中加入Facebook Like Button(讚按鈕)


  是不是很喜歡按 Facebook 的讚按鈕呢?也在自己的 Blogger (部落格)的任何位置加入讚按鈕吧!給別人在你的部落格按讚讚讚。讓部落格增加人氣!想在每篇文章的後面也加入讚按鈕,並且用中文來顯示,而非英文,簡單的幾個步驟就完成了,你就可以隨心所欲的使用 Like Button 了!



相關資訊:
系統支援:支援瀏覽器的系統即可
外掛名稱:Like Button
外掛語言:繁體中文及其他各語系
外掛性質:免費
官方網站:點我前往
外掛網站:點我前往

安裝、使用教學:
第一步:
先到 Like Button 外掛網站,你可以先按下面的進行設定,或者不設定直接按"Get Code"取得XFBML碼。

第二步:
在出現的視窗中將XFBML碼複製。

第三步:
然後來到Blogger的後台(按首頁右上方的設計),按"設計">>>"修改HTML">>>"展開小裝置範本"。記得修改前先備份範本。

第四步:
如果你想把Like Button(讚鈕)放在首頁標題上:

用瀏覽器的搜尋功能(按Ctrl+F)搜尋:<header> 在它的下方貼上剛剛複製的XFBML碼。
第五步:
然後將剛剛貼上的XFBML碼做一些修改:
1.en_US 修改為 zh_TW,這樣的話就可以用繁體中文顯示Facebook的讚按鈕。
2. herf='  ' 中的 '  ' 之間貼上你的Blog網址,這樣才會讚到你的部落格。
3. 按下"儲存範本"後就完成了。

第六步:
如果你想把Like Button(讚鈕)放在首頁標題下:

用瀏覽器的搜尋功能(按Ctrl+F)搜尋:</header> 在它的下方貼上剛剛複製的XFBML碼,再做修改:

1. 將 en_US 修改為 zh_TW,這樣的話就可以用繁體中文顯示Facebook的讚按鈕。
2. 在 herf='  ' 中的 '  ' 之間貼上你的Blog網址,這樣才會讚到你的部落格。
3. 按下"儲存範本"後就完成了哦。

第七步:
如果你想將讚按鈕顯示在每篇文章的網頁下方:


那就 用瀏覽器的搜尋功能(按Ctrl+F)搜尋:<b:includable id='comments' var='post'> 在它下方貼上XFBML碼,在這個位置的話,才不會跑到首頁"閱讀更多>>"的下面。然後:



1.en_US 修改為 zh_TW,這樣的話就可以用繁體中文顯示Facebook的讚按鈕。
2. herf='' expr:href='data:post.url' 來替代,這樣才會將讚指向當前文章網頁,而不會有每篇文章的讚都一樣的問題。
3. 按下"儲存範本"後就完成了。
第八步:

如果你想將讚按鈕顯示在每篇文章的網頁下方,且出現在首頁的"閱讀更多>>"的下方:

那就 用瀏覽器的搜尋功能(按Ctrl+F)搜尋:<div class='post-footer-line post-footer-line-2'/> 在它上方貼上XFBML碼。然後:

1.en_US 修改為 zh_TW,這樣的話就可以用繁體中文顯示Facebook的讚按鈕。
2.herf=''expr:href='data:post.url' 來替代,這樣才會將讚指向當前文章網頁,而不會有每篇文章的讚都一樣的問題。
3. 按下"儲存範本"後就完成了。




以上,覺得還不錯的方法,值得試一試。

3 則留言:

  1. 我的不行咧~到底哪里出了错?T.T
    能不能给指示图啊?

    回覆刪除
  2. 第八步無反應,求解!

    回覆刪除
  3. 感謝,終於找到正確的位置了

    回覆刪除