在网站中插入Google站内搜索栏

土木坛子

July 12, 2014

如何在网页上插入Google搜索框？直接在需要插入的地方添加如下HTML代码：

<form method="get" action="https://www.google.com/search">
<div style="border:1px solid white; padding:4px;width:20em;">
<table border="0" align="center" cellpadding="0">
<tr><td>
<input type="text"   name="q" size="20" maxlength="255" value="" />
<input type="submit" value="搜索" /></td></tr>
<tr><td align="center" style="font-size:100%">
<input type="radio"  name="sitesearch"
value="tumutanzi.com" checked />土木坛子
<input type="radio"  name="sitesearch" value="" />Google
<br />
</td></tr></table>
</div>
</form>

上次，我用Google自定义搜索取代了WordPress系统自带的搜索栏，后来发现Google自定义搜索JavaScript代码的确影响网站的加载速度，于是又换回了WordPress的自带搜索，可惜WordPress自带的搜索功能只能搜索博文内容，无法搜索留言评论内容。

考虑到土木坛子上的留言已经超过20,000条，内容加起来比700多篇博文还要多，我觉得有必要使用Google站内搜索，于是找到了以上代码插入到网站中，替代WordPress自带搜索功能——直接在主题“小工具”选项中增加“文本”一栏，将代码填进去即可。提交搜索内容后，这个搜索框会自动跳转到Google主页搜索整个网站，也可以选择搜索整个互联网。

It-Related