將Friend Connect作為zblog博客的widget_建站經(jīng)驗(yàn)教程
推薦:BlueHost主機(jī)設(shè)置DNS購(gòu)買BlueHost主機(jī)的空間,BlueHost會(huì)發(fā)email給你,它們給你的一個(gè)http://xxx.xx.xx.是一個(gè)暫時(shí)的網(wǎng)址,每個(gè)主機(jī)商都會(huì)提供這樣的一個(gè)暫時(shí)性網(wǎng)址,好讓你可以在上傳了你的網(wǎng)站到主機(jī)后,而在域名的DNS還沒有生效前,可以通過這樣暫時(shí)性的網(wǎng)址來測(cè)試你的網(wǎng)站。
Zblog獨(dú)立博客上線一天,慶祝自己博客修改了傳統(tǒng)主題成功,同時(shí)優(yōu)化了標(biāo)題關(guān)鍵字等基礎(chǔ)的SEO步驟。總覺得邊欄很空,當(dāng)參考其它優(yōu)秀博客時(shí),看到左、右邊欄有Google的Friend Connect,我感覺很不錯(cuò),記得以前用Blogspot的時(shí)候,也發(fā)現(xiàn)了提供了兩個(gè)html文件,提供給獨(dú)立博客或網(wǎng)站的站長(zhǎng)們使用,最后我自己摸索,成功創(chuàng)建Friend Connect,點(diǎn)擊看我的博客nsoom.cn效果。Google Friend Connect 的社會(huì)化特性讓我覺得它會(huì)是一個(gè)非常適合博客的 Widget,在某些方面讓你的博客也具有一定的社會(huì)化的特性,讓你的博客能夠獲得更多的用戶。Friend Connect是互聯(lián)網(wǎng)較好的社交工具之一,將它作為博客的widget,還可以擴(kuò)展博客的趣味性和互動(dòng)性。
下面以Z-blog為例,講一下我的創(chuàng)建步驟:
第一步,當(dāng)然自己得注冊(cè)Friend Connect賬戶,建立新站點(diǎn),填寫自己的域名等信息。繼續(xù)“將以下文件添加到您的站點(diǎn)中”,將rpc_relay.html和canvas.html下載下來,添加到自己的站點(diǎn)根目錄。保存測(cè)試。點(diǎn)擊左邊生成的站點(diǎn),點(diǎn)擊“會(huì)員站點(diǎn)”。選擇這個(gè)可以生成帶頭像的好友欄。點(diǎn)擊右邊“添加會(huì)員小工具”,寬度設(shè)置成188左右,具體可后來根據(jù)實(shí)際情況調(diào)整。點(diǎn)擊右邊下方生成代碼。
第二步,桌面上新建一個(gè)txt文件,命名friend,把復(fù)制的代碼粘貼到friend.txt文件,然后修改txt文件后綴名為asp。最后生成的文件是friend.asp。把friend文件上傳到空間的根目錄“INCLUDE”文件夾
/INCLUDE/friend.asp
第三步,進(jìn)入zblog后臺(tái), 點(diǎn)擊鏈接管理下的“文件管理”,可以看到空間里的文件夾和文件。依次打開THEMES\j-spring\TEMPLATE,我使用的主題名字是j-spring,如果你使用的是其他主題名字,請(qǐng)打開THEMES\你使用的主題名\TEMPLATE,可以看到default.html,點(diǎn)擊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>
第四步:
點(diǎn)擊提交,點(diǎn)擊左邊欄“主題樣式管理”,再次激活你正在使用的主題,然后點(diǎn)擊文件重建。
打開主頁(yè)看看,是不是Friend Connect是不是已經(jīng)顯示了!
如果沒有顯示,檢查friend.asp文件名和路徑是否正確。Friend Connect工具欄的高度和寬度大家可以調(diào)整代碼,以和其它工具欄對(duì)齊。
接下來你就把你Google里的好友添加到你的Friend Connect里吧,或者加入別人的Friend Connect,或者到相關(guān)的貼吧、小組、圈子之類的地方拉人。
可能大家還有比較好的其它辦法,歡迎和我交流,共同學(xué)習(xí)。
分享:網(wǎng)站301轉(zhuǎn)向以及網(wǎng)址的規(guī)范化什么是301轉(zhuǎn)向? 301轉(zhuǎn)向(或叫301重定向,301跳轉(zhuǎn))是當(dāng)用戶或搜索引擎向網(wǎng)站服務(wù)器發(fā)出瀏覽請(qǐng)求時(shí),服務(wù)器返回的HTTP數(shù)據(jù)流中頭信息(header)中的狀態(tài)碼的一種,表示本網(wǎng)頁(yè)永久性轉(zhuǎn)移到另一個(gè)地址。 其它常見的狀態(tài)碼還包括,200表示一切正常,404網(wǎng)頁(yè)找
- 雙十二電商促銷思路淺析
- Matt Cutts:不要把注意力放在PR上
- 百度要革自己的命?移動(dòng)搜索或取消PC網(wǎng)頁(yè)收錄
- Google adsense帳戶被封到解封全過程
- 菜鳥如何通過競(jìng)價(jià)賺取第一桶金?
- 不接電話會(huì)讓你的備案號(hào)注銷
- 盧松松:搜搜已停止收錄網(wǎng)頁(yè)
- 你懂得:百度文庫(kù)也玩?zhèn)人+V認(rèn)證了
- 頭腦風(fēng)暴:為什么搜索引擎不在乎我們?
- 搜狗聯(lián)盟:360 X 300的廣告位變現(xiàn)能力強(qiáng)
- 盧松松:做這樣的資源站,長(zhǎng)不了
- 盧松松:一個(gè)小學(xué)教師建站的不惑與困惑
建站經(jīng)驗(yàn)教程Rss訂閱網(wǎng)站運(yùn)營(yíng)教程搜索
建站經(jīng)驗(yàn)教程推薦
猜你也喜歡看這些
- 網(wǎng)址導(dǎo)航站到底還有沒有出路?
- 淺析社區(qū)網(wǎng)站運(yùn)營(yíng)的結(jié)構(gòu)與關(guān)系
- 劉成:端云協(xié)同 打造最佳游戲用戶體驗(yàn)
- 如果沒有百度?你還有沒有明天?
- 建站公司:企業(yè)建站如何從被動(dòng)營(yíng)銷走向主動(dòng)消費(fèi)
- 做站長(zhǎng)不容易,我們做IDC也不容易
- 企業(yè)你還沒開始重視SEO優(yōu)化和人才招聘嗎
- 一個(gè)站長(zhǎng)與電腦相處的十三年
- 網(wǎng)絡(luò)推廣從業(yè)者的工作總結(jié)
- 網(wǎng)站如何能更明確的表現(xiàn)自身優(yōu)勢(shì)?
- 相關(guān)鏈接:
- 教程說明:
建站經(jīng)驗(yàn)教程-將Friend Connect作為zblog博客的widget。