Facebook 在部落格中掛上點讚工具

Facebook like

這篇要來介紹一下如何在在部落格(與網站)中掛上Facebook的點讚工具。

至於Facebook 的點讚有什麼作用,可以參考一下「Facebook 點讚行為與天空之城事件」這篇文章。


Facebook本身有提供插件,Like Button:

http://developers.facebook.com/docs/reference/plugins/like/


Facebook like

a:預覽點讚工具

b:URL to Like/要放點讚工具的網址

C:Send Button (XFBML Only)/Send工具,寫訊息工具,只支援XFBML語法,若不是請拿掉打勾

d:Layout Style/外觀樣式

e:Width/寬度

f:Show Faces/要不要秀圖像

g:Verb to display/這工具可以讓讀者快速轉貼這則文章,類似Share功能

h:Color Scheme/顏色

i:Font/自行

j:Get Code/取得程式碼

在設定想要的點讚工具樣式時,可以在(a)的部份看到預覽。都設定好之後再點Get Code即可。


Facebook like

iframe 跟 XFBML 是兩種不同的語言,後者是FB延伸出來的語法。

大多數blog能掛的應該是iframe,把iframe這段程式碼copy到blog或是網站中要顯示點讚工具的地方貼上即可。像是底下這個樣子 

▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼


 

Pixnet like

比較專業的blog網站已經都有預設的點讚工具了,像是痞客邦的位置就在文章最底下的部份。

若您覺得不夠明顯,也可以自己加上。

或是blog中沒點讚工具的(像是yahoo),也可以自己加上。

 

Facebook 插件

Facebook Plugins 還有許多插件可用。

 

謝謝觀賞。

如果您覺得寫得不錯,或是對您有幫助,也歡迎留個回應鼓勵一下喔。

 

延伸閱讀

Advertisements

.更多Facebook的使用技巧與介紹:Facebook 臉書【目錄】       

.追蹤這個部落格的文章:闕小豪 on Facebook

Advertisements
部落格作者:闕小豪 作者:闕小豪

近期公告:部落格剛完成架站,版面還有許多需要調整之處,若有發現任何錯誤也歡迎告知。

Advertisements

12 Responses

  1. 大俠夫人(Canru)表示:

    我有一陣子也很愛在文章前頭加上這個點讚的語法
    但後來覺得太麻煩了,我要先發布文章,取得文章網址,
    才有辦法去弄這個,而且每篇都要手動加上去@@

    後來,就看到有人分享,在痞客邦 (pixnet) 部落格文章自動出現Facebook『讚』按鈕的設定教學http://yoshice.pixnet.net/blog/post/15939407
    不過當時我已經熱度消退了,對於文章是否有人點讚也不在意,所以我就沒設定,就順便貼給你參考看看。

  2. dinosaurs表示:

    痞客邦有讚的按鈕了,只是沒有很明顯… 😛

  3. yccspen表示:

    您好 請問要怎麼樣才能知道是誰like了我在痞客邦的部落格文章呢

  4. dinosaurs表示:

    點痞客邦文章的like那裡可以看。:)

  5. yccspen表示:

    嗨 謝謝你的回來 我可不可以問一個很笨的問題 (轉手指) 痞客邦的like在哪裡 對不起 我是超級新手 XD

  6. dinosaurs表示:

    像你看我BLOG,每篇文章都會有多少人點讚,這裡可以看到有誰點讚呀。:)

  7. 草草屋表示:

    不好意思 想問一下
    FB動態貼文 要嵌入OUTUBE影片要怎麼用?
    因為直接複製YOUTUBE的IFRAME嵌入語法到FB貼上
    也完全沒辦法生效 會變得像網頁那樣
    是自己電腦的問題嗎?還是語法還要再編輯呢?

  8. dinosaurs表示:

    FB只接貼「影片網址」即可。

  9. 草草屋表示:

    謝謝您的回覆~
    FB直接貼「影片網址」有這樣試過 不過出現的是像網頁的顯示那樣
    (並不是直接顯示播放器
    不管是用筆記型電腦還是普通電腦都還是那樣耶><

  10. dinosaurs表示:

    草草屋您好。之前貼影片都是直接貼網址即可,我不知道後來又改版了,變成小縮圖的形式。
    我在猜想,之所以會這樣,是因為想推臉書自己的影片,純粹猜想啦。
    如何轉貼大尺寸可直接播放的影片,我有試出來的話再來發文分享。:)

  11. 草草屋表示:

    謝謝您的回答
    真的太感謝了><

  12. dinosaurs表示:

    不用客氣,有沒有辦法我也是得邊想邊測試。:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *