1.作出OG語法標籤
在html head裡面加註以下標籤


2.使用Facebook有清除快取的Debug工具
https://developers.facebook.com/tools/debug

Like Box link:
https://developers.facebook.com/docs/reference/plugins/like-box/



按下你的需求，將程式碼放入你的網頁中就可以了。

建立了粉絲專業後，我們就會有看到以下的內容，
前提是你要建立以下資料：

粉絲專頁>編輯專頁>基本資料>短網址



粉絲團設定成功，就會出現以下的畫面：

1.新增[FBML]功能
先在Facebook內搜尋到[Static FBML]增至[喜愛的專頁]  (WHY?)。



2.檢查[FBML]是否增加有到應用程式中
進入專頁>於[個人網站]首頁上方按[編輯內容]>找到[應用程式]，檢視[FBML]是否被加入[應用程式]中。

3.增加程式內容
a.進入專頁>於[個人網站]首頁上方按[編輯內容]>找到[應用程式]>選取[FBML]>按[編輯設定]並新增FBML

4.增設html碼於FBML中
進入專頁>於[個人網站]首頁上方按[編輯內容]>找到[應用程式]>選取[FBML]>[前往應用程式]編輯html程式碼。
註：網路上有網頁介紹FBML可以增設FBML，但因Facebook常常變更格式，現階段無法增設第二個FBML。

以下為範例程式碼：

CSS+Javascript

demo
http://davidwalsh.name/dw-content/facebook-modal.php

最近發現推文的人數增多了，Facebook, Plurk, Twitter的按鈕增加在各部落格與網站當中，下面是一些例文...

Facebook 推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));">[Facebook推文]</a>

Facebook 推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href))
));"><img src="http://www.YourName.xx/images/banner_facebook.gif" width="120" height="32"
border="0" /></a>
↑[http://www.YourName.xx/images/banner_facebook.gif]請注意放置位置。

素材︰


Plurk噗浪推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));">[Plurk推文]</a>

Plurk噗浪推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.plurk.com/?qualifier=shares&status='
.concat(encodeURIComponent(location.href)) .concat(' ') .concat('(')
.concat(encodeURIComponent(document.title)) .concat(')')));"><img
src="http://www.YourName.xx/images/banner_plurk.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_plurk.gif]請注意放置位置。

素材︰


Twitter推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));">[Twitter推文]</a>

Twitter推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title))
.concat(' ') .concat(encodeURIComponent(location.href))));"><img
src="http://www.YourName.xx/images/banner_twitter.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_twitter.gif]請注意放置位置。

素材︰