教學文【2】痞客邦部落格成功置入Google Friend Connect

Google Friend Connect是相當方便好用的網路社群工具，但目前僅支援自家的部落格《blogger》，這篇教大家用相當簡單的方法來破解如何在《痞客邦》的個人部落格中成功置入【GoogleFriend Connect】。







所需要的網址：http://www.google.com/friendconnect/


step by step：

(1)進入Friend Connect首頁，點選【開始使用】

(2)選【在一般網站中加入Google Friend Connect】

(3)點【繼續】

(4)填【網站名稱】跟【首頁網址】(這裡注意一下！痞客邦首頁網址是《http://你的帳號.pixnet.net/》後面記得不要加blog)

 

(5)再來是比較技巧性的步驟。我們先下載rpc_relay.html跟canvas.html這2個檔案到桌面，下載時必須「改」存檔成.txt檔(純文字文件檔)，步驟是先將存檔類型：HTML Document→【所有檔案】，再將檔名：rpc_relay後面加上.txt→變成【rpc_relay.txt】

 

(6)接著先到痞客邦部落格的【管理後台】→【側邊欄位設定】→我們用中間內容欄的【公告版位】來做設定

 

(7)點設定後，【是否開啟公告版位】點開啟→接著將剛剛那2個下載到桌面的文字文件檔開啟→複製這2則的內容貼上到【公告版位內容】的地方(2個內容都一起貼上去即可)按送出→最後【儲存版面】後回到部落格的頁面

 

(8)部落格頁面會變的有點怪怪的

 

(9)接著回到Friend Connect的設定步驟3測試您的設定→點【進行測試以完成設定】→噹噹噹~看到下面這個畫面，恭喜你，代表我們已經破解成功囉！(※破解成功同時芭蒂直接回部落格的【公告版位】那邊將設定的程式碼刪除，到目前為止並沒有發現任何問題)

 

(10)接著開始設定【新增會員小工具】將這個widget放到部落格的側欄上吧

(11)選取【大小】【顏色】後→點【產生程式碼】→將程式碼複製

 

(12)回到痞客邦部落格的【管理後台】→【側邊欄位設定】→點右上方【新增版位】→將剛剛複製的程式碼貼上【內容】→送出

 

(13)設定好的側欄會出現在頁面右下方【版位暫存區最下方】，將其拖曳到左邊【側欄1】中你相要的位置→最後不要忘了【儲存版面】

 

(14)大功告成！希望對大家有幫助。

 

P.S.這篇文章主要參考自《台北‧舊金山》大大的部落格，方法95%相同，差別是用【公告版位】那邊直接進行設定比起發一篇新文章似乎簡單一點，一次就成功(芭蒂使用的瀏覽器是Google Chromium_2.0.167.10596)！


如果芭蒂的方法行不通，大家不妨試試《台北‧舊金山》大大的方法。再不行還有《塞拉維》大大的方法可以一試，祝福大家能夠順利在痞客邦上使用Google Friend Connect！