-
-6 25
-
首先说一下这个教程是微酷转自石头博客的,在此感谢石头的这个教程帮我在博客上实现了谷歌自定义搜索功能,体验了一下真的很不错,比Z-Blog自带的搜索好用多了,毕竟谷歌的专业就是搜索。
谷歌提供了自定义搜索引擎服务,它支持你在后台创造属于自己的搜索引擎并配置外观和显示方式,同时可以支持以JS的方式在网页中调用搜索结果。
① 登陆谷歌自定义搜索引擎,点击创建自定义搜索引擎。
② 在设置您的搜索引擎界面填写相关内容,在选择一些网站那里“要搜索的网站”后面添加自己博客的域名,比如我的微酷博客就添加vcoo.me
③ 点击下一步后为你刚刚设定的引擎配置外观,在“选择一个托管选项”中选择“IFRAME:提供的自定义内容有限,且需要为您网站上的搜索结果提供单独网页。”
④ 点击获取代码进入代码获取页面,首先要指定一个搜索结果显示的页面,比如微酷博客用http://www.vcoo.me/search.asp,复制搜索框代码和搜索结果代码。
⑤ 在Z-Blog当前主题目录下INCLUDE里新建模板文件SEARCH.HTML,将搜索框代码写入保存。
⑥ 在Z-Blog当前主题目录下INCLUDE里新建模板文件SEARCH_RETURN.HTML,将搜索结果代码写入保存。
至此准备工作已做完,下面讲解如何制作搜索引擎结果页面。
石头博客里用的是一个静态的HTML页面,这种方法好处是执行速度快,不过微酷不喜欢再添加一个文件,就用Z-blog自带的Search.asp文件即可,只是速度稍慢一些,因为要在服务器端运行ASP脚本解析模板,不过比起自带的搜索还是好多了。
⑦ 修改当前主题目录下模板文件search.html,找到
<#template:article-multi#>
替换成:
<#TEMPLATE_INCLUDE_SEARCH_RETURN#>
⑧ 分别修改当前主题目录下模板文件default.html、single.html、catalog.html等所有包含搜索框的页面,将其中的搜索代码替换成如下
<#TEMPLATE_INCLUDE_SEARCH#>
⑨ 打完收工,看下效果。

本文永久链接地址: http://www.vcoo.me/show/1496.html
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

2楼 小易 http://www.seetmr.com/
Post:2010-8-20 15:53:19
还有,这样是不是对收录也有利。。?
1楼 思齐博客 http://www.siqiboke.com/
Post:2010-7-5 16:15:45