無憂小編今天逛了很多Z-Blog博客發(fā)現(xiàn)每個(gè)站長的博客都有一定的優(yōu)勢和吸引的地方，尤其無憂小編在一個(gè)Z-Blog中發(fā)現(xiàn)一個(gè)特效讓小編過目不忘。就是在輸入完郵箱地址之后在側(cè)面會(huì)顯示出郵箱的Gavatar頭像，小編很喜歡。但是一直都沒有去考慮怎么實(shí)現(xiàn)，之后小編有問了很多朋友，逛了很多的Z-Blog博客。最終一位站長給了小編相關(guān)教程，無憂小編就和大家分享下經(jīng)驗(yàn)吧！ 找到當(dāng)前的模板文件：b_article_commentpost.html經(jīng)行編輯，然后找到如下代碼： <input type="hidden" name="inpLocation" id="inpLocation" value="" />找到了之后在代碼下面添加如下代碼： <div id="gravatarNow"> <img height="32" width="32" title="Gravatar頭像" src="http://www.gravatar.com/avatar/"&t_mail_e&"?d=identicon&s=32&r=g"/> </div> 然后在找到：<input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2"/>找到之后把<input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2" onblur="getGravatarNow();"/>用這句替換掉上面的。 其中用onblur=”getGavatarNow();這句話是判斷語句來執(zhí)行讀寫gavatar頭像的。然后下載http://image.boke8.net/img3/immediatelyshowgavatar.zip壓縮包，下載壓縮好了之后將Gavatar.js文件和md5.js文件上傳到SCRIPT目錄下面去，如果沒有這個(gè)文件的話可以自己創(chuàng)建一個(gè)。然后把single.html下載到本地經(jīng)行編輯，在</head>之前添加如下代碼：好了之后覆蓋文件！ <script src="<#ZC_BLOG_HOST#>THEMES/<#ZC_BLOG_THEME#>/SCRIPT/gavatar.js" type="text/javascript"></script> <script src="<#ZC_BLOG_HOST#>THEMES/<#ZC_BLOG_THEME#>/SCRIPT/md5.js" type="text/javascript"></script> 添加好了之后要在主題css文件里面添加css樣式代碼：代碼如下：#gravatarNow{ position:absolute; margin:0 0 0 480px } #gravatarNow img{ border:1px solid #ddd; padding:2px } 全部完成了之后。重新文件就好了。最好清理下瀏覽器的緩存然后在進(jìn)入瀏覽器查看如下是小編截圖   [caption id="attachment_15173" align="alignnone" width="553"] zblog[/caption] 無憂主機(jī)相關(guān)文章推薦閱讀： ZBLOG文章無圖片時(shí)隨機(jī)顯示圖片的方法 ZBLOG程序修改文章發(fā)布默認(rèn)瀏覽數(shù)教程分享 ZBLOG PHP版本博客站點(diǎn)偽靜態(tài)規(guī)則（URL重寫）配置 Z-BLOG(PHP)后臺(tái)管理員密碼忘記了咋辦，直接工具登陸

本文地址：http://m.love62.cn/zblog/15172.html