由於Facebook的盛行,很多網站都在自己的文章中加入類似推文按鈕的小外掛,之前剛推出時是「Facebook Share Button」按鈕,現在則是「Facebook Like Button」,也就是我們常見「讚」!不知道各位喜歡哪一個呢?本文將介紹幾種語法,讓你想選擇哪一種就選哪一種。
Facebook Share Button – 官網
Facebook剛開始就是使用這個分享按鈕,以前我也都是用這一種,原始語法可以參考「官網的說明」,我自己採用的語法則是像下面的樣子,你可以利用官網的說明變換按鈕樣式:
Facebook Share Button – 非官網
原始語法來自「fbShare.em :Sharecount Button for Facebook」,而以下則是我使用的語法,在這個語法中你可以使用size、url、title、google_analytics、awesm_api_key、badge_text、badge_color等參數來調整樣式,詳細作法可參考官網說明。
下面的語法,我已經加入針對Blogger用戶的單篇文章分享計數
Facebook Like Button
這是目前Facebook官網提供的Like(讚)語法,原始語法可由「Like Button」中取得,目前官網是提供一個產生器,讓你可針對不同的參數做設定,詳細的操作方法你可以參考「如何在部落格上放Facebook的「讚」來推薦文章」一文;但在這邊要特別說明的是:官網的語法沒辦法在Blogger中針對單篇文章來計數,也就是你沒有修改的話,統計出來的「讚」數目都是指向同一篇文章。
以下則是針對單篇文章計數修改過後的語法,如果你是Blogger用戶,那可以直接拷貝使用,紅色的部分則是「常見」的手動修改部分,例如長、寬、按鈕的樣式等,你可以對照官方語法來修改,以下列出幾個參數說明:
- layout:可改成「button_count」、「box_count」、「standard」 ,這三個樣式你可以參考下面的三張圖片,由左至右!
- height、width:更改Widget的長、寬,如果長寬不夠的話,有些字會被截掉
- action:可以改成「like」、「recommend」,來顯示不同的字串
- show_faces:可選擇「true」或「false」,true代表要顯示頭像,false則不顯示
- colorscheme:可選擇「light」或「dark」,代表顏色的深淺
在使用過程中,若需要語法轉換的話,請參考「Postable & Centricle 程式碼特殊符號線上轉換工具」
最後,覺得這篇文章有一點點點點點的幫助嗎?有的話別忘記幫我推一下文喔!