如何给ZBlog添加谷歌自定义搜索
石头 发布于2010-6-27 09:47:53 分类: 小技巧 已浏览1165次 网友评论38条 我要评论
刚刚在留言里看到有朋友问石头博客是如何实现把ZBlog的默认搜索变成谷歌自定义搜索（右上角效果）的，希望我能写这个教程，所以这里我也简单地分享下如何实现把ZBlog的默认搜索改成谷歌自定义搜索。
谷歌提供了自定义搜索引擎服务（http://www.google.com/cse/?hl=zh-cn），它支持你在后台创造属于自己的搜索引擎并配置外观和显示方式，同时可以支持以JS的方式在网页中调用搜索结果。所以要实现这种效果就非常的容易啦。
首先登陆谷歌自定义搜索引擎，地址为http://www.google.com/cse/?hl=zh-cn，点击创建自定义搜索引擎，然后使用你的Google账号登陆，登陆成功后开始配置引擎的名称等相关信息，当然你也把选择只搜索你当前的博客网站的内容，而实现博客站内搜索。点击下一步后为你刚刚设定的引擎配置外观，在“选择一个托管选项”中选择“IFRAME：提供的自定义内容有限，且需要为您网站上的搜索结果提供单独网页。”
点击获取代码进入代码获取页面，首先要指定一个搜索结果显示的页面，比如石头博客的http://www.stou.info/search.html（稍后讲解如何制作这个页面），然后把搜索框代码复制并粘贴到模板中你想显示效果框的地方，保存模板。
下面讲解如何制作引擎结果页面。因为结果页面可以是一个静态的页面，所以只需要在想显示结果的地方插入“搜索结果代码”就OK。如何制作呢？石头建议你访问http://您的博客域名/tags.asp，然后在页面上点击右键查看源代码，然后另存为search.html。然后使用Dreamweaver或记事本打开search.html，把所有的tags代码替代为搜索结果代码，比如石头的结果代码：
<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 600;
var googleSearchDomain = "www.google.com";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
然后保存并上传到你的博客FTP中，后台重建文件再看看是不是已经看到效果了？
小通知：上次说的这篇文章发布石头博客当前的主题，不过因为还有一部分内容没有处理完成，所以没有发布，非常抱歉:)，不过3天以内就会处理完成并发布的哦，请大家关注。
原创文章转载请注明引自石头博客 http://www.stou.info/ 欢迎订阅石头博客。
猜你也喜欢
最新评论及回复
文章归档
- 2012 January (1)
- 2011 December (1)
- 2011 November (1)
- 2011 October (2)
- 2011 September (1)
- 2011 August (1)
- 2011 July (3)
- 2011 June (2)
- 2011 May (4)
- 2011 April (4)
- 2011 March (3)
- 2011 February (2)
- 2011 January (1)
- 2010 December (4)
- 2010 November (6)
- 2010 October (6)
- 2010 September (7)
- 2010 August (8)
- 2010 July (7)
- 2010 June (7)
- 2010 May (9)
- 2010 April (19)
- 2010 March (15)
- 2010 February (16)
- 2010 January (24)
- 2009 December (26)
非常实用的方法啊，谢了
呢，来学习下了。不错。
可以全部用调用的吗？
石头讲解的挺详细的，虽然在很多博客都看到过这个功能但一直没试过，今天看了石头写的有时间也拿来试试、
呵呵学到不少:http://www.15jiahe.com
用石头的方法制作了一个搜索页，刚刚发现了一个问题，我搜索页侧栏的最新文章居然不是最新的，怎样调用最新文章和其他那些呢。
这个好像不是很好用，很多情况下都搜不到数据
发现用Z-blog的人也很多啊。刚开始我也学asp，后来改php了。
看看这，法兰机厂家不错噢···
我想问一下，是不是谷歌这个自定义搜索是不是可以更快地得到想要的结果啊？我一直担心我的主机，怕不够好，影响搜索速度……呵呵
让z-blog更强大了。wp早就有这个功能了！
我也去弄一个
你这个样子的还是蛮不错的.
有用的文章。
还不更新啊~~
哇，真会装B啊！！！
照着方法去做，但没成功。
因为没找到“选择一个托管选项”这个选项。晕`
我之前也加过，但之前的代码当中默认的宽度最小值是500。所以要放到一个Div下，通过CSS来控制宽度。不然会撑开页面~
有用的文章。
菜鸟布丁到访。我写了一个请要回97年的朋友带话的博文，有空去参加下，想让他给你带些什么话！
呵呵，不错，学习了！
这个好像比广告钱来的快点。。
呵，不错，不过那个按钮有待美化。
向石兄学习了，赞一个！
都还米申请到呢，
太帅了，第一次来这里就有这么大收获。谢谢。
相比之下感觉我做的比较纯粹，页面效果比较好搜索框中置，很有味道的说。我显示搜索结果的页面是http://域名/search.asp 修改search.html页面，运用了两个调用。
我会常来的，，很有价值的说。- -
wordpress下貌似比z-blog下的简单些
曾经是加上了的，现在取消了，
噢yeap，谢谢石头的教程，学习了。
慢慢学习 呵呵
之前别的网站已经实现了~Zblog搜索也不错没有更换~
学习了！！
哈哈，不错，之前用来的。
不过我现在不用这个搜索，觉得不爽，z-blog自带的搜索也很强大
关于Google自定义搜索的问题两年前我就写了，比你的详细啊，哈哈。
地址：http://www.iblog2008.cn/about-blog/68/
search.html页面怎么做的？我就想知道这个，因为我已经加上了谷歌搜索。