当前位置:首页 > 标签 > search

优化你的google自定义搜索

有了google出品的自定义搜索真好,没事也给自己弄个个性点的搜索引擎玩玩,那才棒嘛!至于google自定义搜索的基础玩法就麻烦你自己goole下了。现在我要讲的是如何让google自定义搜索更个性点。

1、首先就来个“如何去除输入框里的那个google图标”,方法如下:

<!–<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=zh-Hans"></script>–>

你只需要用上面那行红色的代码替换掉下面这行红色代码就行代码

<form action="http://www.google.com/cse" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="004454018452042691402:gncp5ltbqn8" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="搜索" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=zh-Hans"></script>

2、定义google自定义搜索显示结果框架的大小

因为我的blog模板总宽度才790px,所以google自定义搜索默认的显示结果会撑破我的blog排版,所以我就想着把那个结果显示的框架改小点。一开始的时候我尝试在google自带的代码里面入手,不过好像没任何效果。后来我发现那个下面这行css语法可以控制。

#searchResult iframe {
width:770px;
}
将上面这行代码放到你的网页样式表里面,并把红色的数字改成你想要的大小即可。