Zblog獨立博客上線一天，慶祝自己博客修改了傳統(tǒng)主題成功，同時優(yōu)化了標題關(guān)鍵字等基礎(chǔ)的SEO步驟。總覺得邊欄很空，當參考其它優(yōu)秀博客時，看到左、右邊欄有Google的Friend Connect，我感覺很不錯，記得以前用Blogspot的時候，也發(fā)現(xiàn)了提供了兩個html文件，提供給獨立博客或網(wǎng)站的站長們使用，最后我自己摸索，成功創(chuàng)建Friend Connect，點擊看我的博客nsoom.cn效果。Google Friend Connect 的社會化特性讓我覺得它會是一個非常適合博客的 Widget，在某些方面讓你的博客也具有一定的社會化的特性，讓你的博客能夠獲得更多的用戶。Friend Connect是互聯(lián)網(wǎng)較好的社交工具之一，將它作為博客的widget，還可以擴展博客的趣味性和互動性。

下面以Z-blog為例，講一下我的創(chuàng)建步驟：

第一步，當然自己得注冊Friend Connect賬戶，建立新站點，填寫自己的域名等信息。繼續(xù)“將以下文件添加到您的站點中”，將rpc_relay.html和canvas.html下載下來，添加到自己的站點根目錄。保存測試。點擊左邊生成的站點，點擊“會員站點”。選擇這個可以生成帶頭像的好友欄。點擊右邊“添加會員小工具”，寬度設(shè)置成188左右，具體可后來根據(jù)實際情況調(diào)整。點擊右邊下方生成代碼。

第二步，桌面上新建一個txt文件，命名friend，把復(fù)制的代碼粘貼到friend.txt文件，然后修改txt文件后綴名為asp。最后生成的文件是friend.asp。把friend文件上傳到空間的根目錄“INCLUDE”文件夾

/INCLUDE/friend.asp

第三步，進入zblog后臺， 點擊鏈接管理下的“文件管理”，可以看到空間里的文件夾和文件。依次打開THEMES/j-spring/TEMPLATE，我使用的主題名字是j-spring，如果你使用的是其他主題名字，請打開THEMES/你使用的主題名/TEMPLATE，可以看到default.html，點擊default.html的編輯按鈕，下拉找到形如：

<div class="function" id="div****">
<h3>“工具名稱”</h3>
<ul>
<#CACHE_INCLUDE_FRIEND#>
</ul>
</div>

然后添加Friend Connect代碼：

<div class="function" id="divFriend">
<h3>社交網(wǎng)絡(luò)</h3>
<ul>
<#CACHE_INCLUDE_FRIEND#>
</ul>
</div>

到你選擇的位置，比如我放在分類目錄下，那我就把Friend Connect代碼放到分類目錄代碼之下，工具命名為“社交網(wǎng)絡(luò)”即：

<div class="function" id="divCatalog">
<h3>分類目錄</h3>
<ul>
<#CACHE_INCLUDE_CATALOG#>
</ul>
</div>

<div class="function" id="divFriend">
<h3>社交網(wǎng)絡(luò)</h3>
<ul>
<#CACHE_INCLUDE_FRIEND#>
</ul>
</div>

第四步：

點擊提交，點擊左邊欄“主題樣式管理”，再次激活你正在使用的主題，然后點擊文件重建。

打開主頁看看，是不是Friend Connect是不是已經(jīng)顯示了！

如果沒有顯示，檢查friend.asp文件名和路徑是否正確。Friend Connect工具欄的高度和寬度大家可以調(diào)整代碼，以和其它工具欄對齊。

接下來你就把你Google里的好友添加到你的Friend Connect里吧，或者加入別人的Friend Connect，或者到相關(guān)的貼吧、小組、圈子之類的地方拉人。

可能大家還有比較好的其它辦法，歡迎和我交流，共同學(xué)習(xí)。