布瓜堂

　　使用了z-blog几天之后，感觉还是不错的，直到某一天，我使用了z-blog自带的搜索引擎在站内随便搜了一下，晕~！搜出来的是什么？虽然结果都是正确的，但是已经面目全非，因为搜索结果中直接显示了相关文章的html代码，既不美观，也不方便，怎么办？换~！就GOOGLE吧，论坛中也有人提到过，可是论坛中的三言两语并不能把整个替换过程说清楚，所以还是我自己来琢磨吧~！

1.到GOOGLE搜素页面定制你想要的搜索方案和样式，即可得到代码，链接http://www.google.com/coop/cse/。关于如何设置，我就不多说了，这里有一篇小教程，写的非常明白，你可以参考一下：定制教程。

后来发现，用GOOGLE搜索代码的好处，不仅不占用你的虚机资源，而且还可以直接添加adsense广告，既可搜索，又可方便赚钱，一举两得。

2.填写完毕后，你会在code页面得到两段代码，分别是Search box code【搜索框代码】和Search results code【搜索结果代码】。

搜索框代码你需要把它放在你想让搜索框出现的每一个页面中，一般就是TEMPLATE文件夹下的default.html，search.html，single.html，tag.html和catalog.html这五个文件，或者你只放在首页也可以。找到下面这段代码，替换掉就行了

<form method=”post” action=”<#ZC_BLOG_HOST#>cmd.asp?act=Search”><input type=”text” name=”edtSearch” id=”edtSearch”  value=”Search…” onfocus=”if (value ==’Search…’){value =”}” onblur=”if (value ==”){value=’Search…’}” size=”20″/> <input type=”image” src=”<#ZC_BLOG_HOST#>style/<#ZC_BLOG_CSS#>/Search.gif”></form>

搜索结果框只需要修改search.html就行了，首先要把原搜索结果去掉，否则一个页面既会显示原搜索结果，也会显示google搜索结果。

删除以下代码：

    <div id=”divMain”><br /><div class=”post”><#ZC_MSG085#>:<#BlogTitle#></div><br /><#template:article-multi#><br />  </div>

如果你仍想显示侧边栏，那就在

<#CACHE_INCLUDE_MISC#><br /></ul><br /></div>  </div>

下面加入结果代码；

否则就把id=divComments和id=divMisc两块代码都删掉后加入代码，效果是页面中无侧边栏。

上传后，文件重建即可。

在修改过程中的体会是多看看别人已经修改好的页面的源文件，比如washun的这个页面。

就写这么多吧，如果遇到问题欢迎留言~

网络 blog, design 27 次阅读