• 1 最新網頁技術,隨時分享給您
    邦立資訊透過知識結合,連結技術分享
  • 2 jQuery Timeline - 時程表運用
    網頁設計中,常常會看到流程表、時間表的呈現,通常都是很單純的一次顯示所有的流程或時間,利用卷軸下拉方式作呈現..
  • 3 AddThis - 社群網站圖示語法
    "AddThis" 是一個自動提供語法的網站,可以讓您的網站或部落格上同時顯示包含 Facebook、Twitter、Google+ 等大型國際社群網站的人氣指數..

目前 facebook 官方網站上已經發佈「傳送訊息」(Send Button) 語法產生器,您只需要在 facebook 所提供的欄位上輸入連結位置、選擇字型及樣式,按下 "Get Code" 按鈕,即可獲得程式碼,直接複製使用即可。

此按鈕可以讓使用者將網頁內容分享給特定的朋友,它不是公佈在塗鴉牆上,而是傳送訊息到朋友的收件匣中,因此可以擁有較私密的訊息分享功能。

facebook 官方教學頁面: 「傳送訊息」語法產生器

...

目前在 Facebook 官方網站 上,已經沒有公布 "分享" 的語法了,只剩下網路上仍舊流傳著的許多語法。

在這邊我們把它系統化,並且清楚的分享給您,請依照下面步驟進行設定:

 

1. 網頁中的 HTML 標籤設定為:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb='http://www.facebook.com/2008/fbml'>

2. 在網頁的 之間,也就是您想要加入分享按鈕的地方,貼上這段程式碼:

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">分享這篇文章</a>
<script src="
http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> 

 

以上兩個步驟即可完成。

 

特別注意的地方是,這個分享語法在貼到 Facebook 時,他所抓取的內文資料,是您這個網頁的 網站描述 (description),也就是:

<meta name="description" content="xxxxx"> 這裡面的內容,而不是這篇網頁的文字內容。

...

「讚」按鈕允許用戶與朋友分享您的網站內容。當用戶點擊「讚」按鈕,您網頁上的內容就會像一則新聞或留言一樣,出現在用戶及好友的塗鴉牆上,並且可連回您的網站。就像這樣:

Facebook「讚」語法產生器的結果

在 Facebook 提供的欄位上填入您想要設置「讚」的網址、樣式、字型、寬度等,按下 "Get Code" 按鈕,就可以取得程式碼,直接複製下來就能使用。

Facebook 官方教學頁面: 「讚」語法產生器

Get Like Button Code

...