網頁設計

關於網頁設計的技術或相關資訊分享

讓大家幫你的網頁按個『讚』!!

Facebook-臉書,可以說是目前全世界最大的社群網站!!相信看此篇文章的你,應該也有個facebook帳號吧?常常看到朋友在Facebook上分享照片,分享他覺得不錯的文章,那麼你的網站或是部落格,是不是也該搭上這股分享風潮呢!?

在Facebook的開發者工具中,有個『Like Button』的外掛可以使用,只要簡單的幾個步驟,就能幫自己的網站或是部落格加上『讚!!』的按鈕來分享到Facebook上囉。

使用起來的效果如下:

Facebook Like Button的設定

首先,請先打開Facebook開發者工具中的Like Button Plugin,在這個頁面的Step 1中可以看到下圖的設定資訊:

webdesign037-03

URL to Like:想要大家按讚的網址

Send Button:是否要有Send按鈕 (可傳送訊息)

Layout Style:樣式,目前一共有三種樣式,可以都選選看挑一個

Width:寬度

Show Faces:是否要顯示按讚的人Facebook照片

Verb to display:按鈕上顯示的字

Color Scheme:顏色樣式,有分成light(淺色)和dark(深色)兩種

Font:字型(只影響英文)

Get Code:按下去之後就能取得程式碼囉

在設定都完成之後,就按下Get Code來取得程式碼吧。

webdesign037-04

再來就只要把這邊的程式碼貼到你網站或是部落格中的"自訂HTML"區塊中,就可以產生Facebook的『按讚』按鈕囉。

Please enable the javascript to submit this form