如何调整 Google 自定义搜索的页面宽度

Google 自定义搜索 提供三种形式的显示效果：

1、 使搜索结果位于 Google 托管的网页上

2、使用 iframe 使搜索结果位于我的网站上

3、使用 Custom Search element 使搜索结果位于我的网站上

第一种和第三种都是把一个搜索框放在你博客的一个网页上，只是前者的搜索结果在 Google 的网站上显示，后者的搜索结果在你的网页上显示。而第二种 iframe 虽然也可以把搜索框代码和搜索结果代码放在同一个网页上，但更常见的是用搜索框代码取代 WordPress 主题 searchform.php 里面的代码，效果如精博侧边栏的搜索框。

第一种和第三种自定义搜索形式的好处之一是你不需要考虑搜索结果页面的宽度，前者的搜索结果页面就和 Google.com 的页面一样大，而后者的搜索结果页面会根据你 WordPress 博客页面的大小自动调整，但是第二种 iframe 形式的搜索结果页面却不会根据你 WordPress 博客页面的大小自动调整，并且你也不能通过直接修改“搜索结果代码”上的宽度来调整搜索结果页面宽度，那该如何修改呢？采取以下两个步骤：

1、先修改搜索框代码

根据 Google 的解释和我的测试，cof 值一共有三个，都是根据广告位置而改变的，如果你指定要放置广告的位置为右侧，那么 cof 值就是 FORID:9；如果你指定要放置广告的位置为顶部和右侧，cof 值FORID:10；如果你指定要放置广告的位置为顶部和底部， cof 值FORID:9

不过，根据61dh.com博客的介绍，cof 值还和宽度有关，其中：

FORID:10 – 支持最小iframe宽度为795

FORID:11 – 支持最小iframe宽度为500

但是我发现不管 cof 值是多少，Google 自定义搜索默认的搜索结果页面都是 600。所以，以上的最小 iframe 宽度对 Google 自定义搜索不管用。但是，如果你要想搜索结果页面的宽度小于 600，就把 cof 值改为 11，或者复制放置广告的位置为顶部和底部的搜索框代码。

2、再修改搜索结果页面代码

把 600 改为适合你的网页宽度的数字，单位是像素。

精博的自定义搜索结果页面的宽度现在是 540px，顶部和底部会显示广告，但是我的自定义搜索根本就没有绑定 Google AdSense，为什么搜索结果页面却会出现广告呢？

相关博文：

1. WordPress 博客更换域名后需要做的11件事
2. 如何利用 Google Docs 制作联系表单
3. Google 搜索建议、神奇罗盘和相关搜索
4. 第29届奥运会赛事和奖牌跟踪挂件
5. 通过 Google Reader + Postie 恢复博客文章