先看看效果吧，在本博客的搜索编辑框里随便敲几个词回车！
实现：
1.申请google 自定义搜索。
选标准版 免费！
2.申请成功后 ，在管理面板里设置一下，个性化的东西就不说了！
控制面板 - 基本信息－广告状态里设置 不在结果页上展示广告（仅适用于已注册的非盈利组织、大学和政府机构）。
重点是 在 控制面板 – 获取代码 里选 使用 iframe 使搜索结果位于我的网站上，当然你可以直接使用google给的搜索框！
填写指定您要在自己网站上显示搜索结果的网址，比如我的，看图
3.按照类似上图所说 搜索框代码粘贴到您要显示搜索框的网页 。为了风格统一我改了id和其他外观上的东西，如下
| <!—- google search start —-> <form action="/search" id="searchform"> <div> <input type="hidden" name="cx" value="008875711339198554884:hkzht-fzwn4" /> <input type="hidden" name="cof" value="FORID:11" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" size="31" value="Search…" id="s" onfocus="if(this.value==’Search…’)this.value=”" onblur="if(this.value==”)this.value=’Search…’" /> <input type="submit" id="searchsubmit" name="sa" value="" /> </div> </form> <!——– google search end —–> |
js这里省去，因为我放在最后了，要不然影响菜单栏的显示速度！
4.将搜索结果代码粘贴在 http://www.houkai.com/search上（您希望在此显示搜索结果），这个比较麻烦，有人或许要修改类似page.html成search.html
经过摸索找到了一个最简单和便捷的方法！
用 windows live writer 新建一个页面，页面标题为空，编辑源代码 如下：
|
<h1>搜索结果</h1> <div id="cse-search-results"></div> |
设置数据域为search，也就是页面名称。页面顺序设置99
６.发布此页面，也上传您刚更改的主题，OK！试试吧！