前面一片文章写了个大概的介绍。
Google自定义搜索使用 接下来看具体修改
新建search.htm文件,放在根目录。google自定义搜索结果如下:
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'zh-CN'});
google.setOnLoadCallback(function(){
var customSearchControl = new google.search.CustomSearchControl('018292499979169916629:d1f_pnslyi4');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
var match = location.search.match(/q=([^&]*)(&|$)/);
本文来自oleou
if(match && match[1]){
var search = decodeURI(match[1]);
customSearchControl.execute(search);
}
});
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/greensky.css" type="text/css" />
其他格式自己动手做。美化也就暂时不说了。
然后在做<from>***</from>这个搜索框,核心代码如下:
<div class="searchbox" style="padding-top:5px;">
<form method="get" action="http://www.gansuw.com/search.htm"
accept-charset="utf-8">
<input type="text" size="24" name="q" value="搜索文章...." class="textfield" style="float:left" onblur="if (this.value == '') {this.value = '搜索文章....';}" onfocus="if (this.value != '') {this.value = '';}"/>
o l e o u.com <input type="hidden" value="UTF-8" name="ie"/>
<input class="submitSearch" type="submit" value="Search"></input>
<input name="iehack" type="hidden" value="☠" /></form>
</div>
说明:上面红色部分解决在某些浏览下面,搜索中文不显示,搜索英文正常的问题