神奇傑克的筆記: 10月 2011

2011年10月21日星期五

facebook開發工具網頁加入fb Like Button "喜歡“按鈕

今天我們介紹 Login Button 登錄“按鈕，也就是將您的網頁加入facebook登入按鈕

http://developers.facebook.com/

選擇Core Concepts 核心概念

選擇Social Plugins 社會插件

選擇 Like Button "喜歡“按鈕

Get Like Button Code

Get Code

第一個部分為FB的SCRIPT函式，把它複製貼上在Body之後，若是blog請選HTML編輯貼上即可，並請修改APP_ID

第二個部分則是貼到您想將Like Button出現的地方
您可在此篇最下看到FB的Like Button

facebook開發工具網頁加入fb Login Button "登錄“按鈕

今天我們介紹 Login Button 登錄“按鈕，也就是將您的網頁加入facebook登入按鈕

http://developers.facebook.com/

選擇Core Concepts 核心概念

選擇Social Plugins 社會插件

選擇 Login Button 登錄“按鈕

此時請務必選擇英文顯示以免產生程式碼有問題

設定好要顯示的寬度及行數按下Get Code

第一個部分為FB的SCRIPT函式，把它複製貼上在Body之後，若是blog請選HTML編輯貼上即可，並請修改APP_ID

第二個部分則是貼到您想將登入按鈕出現的地方
您可在此篇最上及最下看到FB的登入鈕或已登入的相片圖示

facebook開發工具

http://developers.facebook.com/

看到英文就頭大了嗎？使用Google Chrome上面就會出現一排訊問是否要翻譯，點選翻譯就變正體中文，選擇"應用程式","建立新的應用程式"

填入網站名稱

認證

這時您已取得"應用程序ID"

填入應用網域名

請選擇你的應用程式如何跟FACEBOOK結合，勾選"網站"並填入網址

回到文件選項，開始建立網頁

其他的Plugins 我們會另闢專文介紹

2011年10月19日星期三

最近在維護幾個Blog，於是尋找是否有可讓Blog看起來更豐富的工具，
於是發現了Google就提供了不錯的外掛工具Google Friend Connect，
Google Friend Connect是2008年底推出的工具，
股溝一下就可找到很多資源，就不多介紹了，
這裡只將我操作過程記錄一下，
過程不外乎：申請=>填資料=>啟用=>設定

http://www.google.com/friendconnect

申請