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 我們會另闢專文介紹

將Blog加入Google Friend Connect

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


http://www.google.com/friendconnect

申請

填資料

也可新增多個網站


申請多個


設定 大小、顏色


產生程式碼


將程式碼貼到Blog


成功加入右側欄

當然還有許多小工具就請自己試試囉！

參考網站
http://www.inote.tw/2008/12/google-friend-connect.html
http://playpcesor.blogspot.com/2008/12/google-friend-connect-google-profiles.html
http://disorder.ojisang.com/2008/12/google-friend-connect.html

Google 架站 第一招 申請Blog、申請網址、對應DNS

1. 申請Blog

登入Google帳號
連線至http://www.blogger.com/
按"新增網誌"按鈕，新增Blog
Blog詳細設定不另贅述
請自行設定版面及內容

2.申請網址

以Hinet為例
連線http://domain.hinet.net/

 

查無有人申請就可申請
並按照Hinet的指示及mail的確認信
一步步確認、繳費完成設定
這是基本功
詳細設定不另贅述
請自行設定試試看
或者也可免費試用14天


3.對應DNS

以Hinet為例，已申請googleapps.tw網址
連線http://domain.hinet.net/
點選左側功能列[泛用型英文域名 (.tw)]=>[DNS異動與查詢]

輸入網域名稱googleapps.tw、判別密碼

設定DNS Server 如下，

googleapps.tw 指定DNS型態 DNS模式

	DNS Server Name	IP Address
一
二
三
四
五

可參考：Q1：如何設定網域名稱由HiNet DNS代管

4.DNS代管設定

點選左側功能列[DNS代管 ]=>[DNS代管設定]

登入後確認授權同意

設定CNAME如下

網域名稱 : googleapps.tw

序號	主機名稱 / 別名	記錄類型	MX優先權	IP / 主機名稱	動作
1	.googleapps.tw	A MX CNAME TXT AAAA

主機名稱 / 別名：主機名稱 / 別名

記錄類型：CNAME

IP/主機名稱：ghs.google.com

如下圖

按下[送出資料]按鈕，DNS設定異動完成，如下圖，有時需等24小時生效

5.Blog的設定

回到之前申請的Blog，點選部落格名稱，進入設定畫面

點選做測功能列[設定]=>[基本]，如下

點選"新增自訂網域"，如下

若還沒申請網域也可在此申請，如下

為您的網誌購買網域

http://www.

網域是透過 Google 夥伴進行註冊，一年的費用為 $10 美金。註冊後，您的新網域也可以取得 Google Apps 帳戶。 

我們已擁有網域，點選[切換到進階設定]，如下

 

 在進階設定http://後方欄位輸入我們在Hinet申請的網址www.googleapps.tw，再按下儲存

可是Google視此為保留字，不讓我設定此網址，

這樣表示我投資了一個不錯的網址，Google要買嗎？？？

這樣就要另闢戰場，將此網址設定到別的地方，

所以把自定網址改成www.googleplus.com.tw，前面的步驟都要重來一次，就是要用Google

 這就設定好了，等24小時後再來測試。