当前位置:园子博客 » 网站应用 » Google 自定义搜索结果页面的宽度控制方法

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

7月 12th, 2009 | Filed under 网站应用 | 共有9,388次浏览

今天园子在把博客的搜索改为 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 自定义搜索结果页面的宽度,希望本文的方法可以为遇到此问题的朋友提供帮助,具体的显示效果你可以使用园子的博客搜索功能搜索一下相关的关键字即可看到。

  1. A搜索
    4月 5th, 201222:47

    是自定义搜索改了还是我人品问题啊,找不到CSS在哪改,汉

  2. 自说Me话
    5月 28th, 201116:45

    多谢博主指点,解决了我的一个大问题!!
    只是我现在的高度太高 下半部分没有搜索结果,但是会显示好多空白.不知道该怎么改成那种自动适应的

  3. puladiao
    5月 25th, 201115:07

    感谢,解决我的大问题!

  4. 小说下载
    4月 13th, 201115:10

    这个搜索没什么钱赚啊。我站挂了许久,也没一分钱

  5. 三脚猫
    7月 12th, 200921:21

    感觉博客搜索功能用的比较少,不过也要了解一下。

  6. huaimao
    7月 12th, 200911:02

    偶的博客没有搜索,偶去折腾折腾啊!

  7. 乒乓器材
    7月 12th, 200909:46

    来看看园子在捣鼓些什么,哈哈!

您必须在 登录 后才能发布评论.