Sharingthe Best

最新網頁技術，隨時分享給您

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

8/25/2011 

Facebook 「傳送訊息」語法產生器

Facebook API

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

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

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

...
5/26/2011 

Facebook 分享語法

Facebook API

目前在 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"> 這裡面的內容，而不是這篇網頁的文字內容。

...
4/13/2011 

Facebook「讚」語法產生器

Facebook API

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

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

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

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

Get Like Button Code

...