Google 自定义搜索结果页面的宽度控制方法

今天园子在把博客的搜索改为 Google 自定义搜索之后,发现在搜索结果输出页面出现了点问题,就是使用 Google 自定义搜索提供的更改宽度的代码时,无论怎样去修改,其显示搜索结果页面宽度始终为795px。园子使用的是 iframe 嵌入使搜索结果位于我的博客上,下面就说下针对此问题的解决方法。

我们知道更改搜索结果 iframe 的宽度是根据 var googleSearchFrameWidth = 600;这段代码后面的600来进行更改的,网上有文章提到这种修改宽度无效的直接原因是我们在使用 Google 自定义搜索时在选择广告位置的时候选择成了“顶部和右侧”,如果想通过上述代码控制宽度正确的做法是选择“顶部和底部”,据园子测试此方法现在也没有效果。

更新于2009-09-16:园子发现现在已经可以通过 var googleSearchFrameWidth = 600; 这个属性来控制搜索结果页面宽度了,如果你发现仍有问题可以尝试下面的方法去试下。

我的解决方法是使用CSS来控制搜索结果页面 iframe 的宽度,具体做法很简单,直接在您的主题CSS里面加入下面的代码:

#cse-search-results iframe {width:640px;}

你只需要把后面的宽度更改为你想要显示的宽度即可,如果你想要显示成自适应的,只需要把数值改为100%即可,使用这种方法可以很好的控制 Google 自定义搜索结果页面的宽度,希望本文的方法可以为遇到此问题的朋友提供帮助,具体的显示效果你可以使用园子的博客搜索功能搜索一下相关的关键字即可看到。

Google 自定义搜索结果页面的宽度控制方法》上有7条评论

发表评论