让Z-Blog整合Google搜索广告代码

时间2010-10-20 20:34:48 发布宁峰分类博客事迹点评8热度2049

其实我也是刚会，只能说现学现卖吧！

先看地址：http://www.nfboke.com/search.html在里面随便输个字搜索一下看看效果！包括我的404页面也是这样的http://www.nfboke.com/404.htmlwww.86c.org/404.html

要想实现这样的效果，其实也挺简单的。

现在大部分博客都有Google的ADS帐户，进入你的ADS帐户界面，先择adsense设置，你会看到adsense搜索广告一项，点创建就行了，一直到获得代码，这些应该不用说吧！

那么如何整合博客搜索页面呢？

首先用FTP打开你博客的根目录，访问http://您的博客域名/tags.asp，然后在页面上点击右键查看源代码，然后另存为search.html，用网页制作工具或者是记事本打开它，把里面所有的标签删掉，从哪里开始删？上面从导航结尾处</ul></div>这里开始往下删，删到最后的二个</div></div>结束，中间部分就是放代码的了。然后另存为search.html文件上传到根目里就行了，够详细的吧？

Adsense搜索广创建好以后有二个代码，一个是搜索框代码，一个是搜索结果代码，把搜索框代码放在上面，结果代码放在下面。

我的搜索框代码如下

红色地方是搜索框的宽度，自己调就行了！

最主要的是搜索结果代码

<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 795;
var googleSearchDomain = "www.google.com.hk";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

这个红色的地方也是宽度，创建的时候最底只能下调到795，默认的是800，如果这样的话会撑开则栏，很不美观，自己调吧，不管你怎么调还是那样，就这个东西我搞了二个小时。在网上找了很久，终于让我找到解决的办法了，只要在你的模板CSS里加上#cse-search-results iframe {width:520px;}代码就OK了，宽度就可以随意调了！

还有就是侧栏调用文章，用巴士的文章列表插件，获取代码，怎么放代码，我就不说了，你在首页怎么放的，在这里就怎么放，不过有一个要记住，比如说最新文章的代码

<div class="function">
<h3>最新文章</h3>
<ul>
<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=randomsortnew" type="text/javascript"></script>
</ul>
</div>

红色部分一定要改成你的域名如http://www.nfboke.com/这样才能显示！

如果要问，如何把搜索框放在导航栏上，这个更简单了，只要把搜索框代码放在博客后台——连接管理——导航条里面，不要加<li class="page_right"></li>这个，不然会换行！

还有一种也是整合站内搜索的代码，就是在http://www.google.com/cse/获得代码后，跟上面一样，放在search.html里面，跟第一种是一样的，不过我不推荐这个，原因很简单，搜索框不能分离！

历史上的此日期文章

10月

尊重他人的任何权利（包括知识产权和个人肖像权），同时要求我们的使用者也尊重他人的权利。

特别声明：本博客内容涉及大量个人照片及影像,没经允许禁止复制、下载或公开播放及二次修改。

宁峰博客免责声明：以上内容如涉及作品内容、版权、图片和其它问题，请在30日内与本站联系，我们将在第一时间删除相关内容。【返回首页】

宁峰视频

上一篇主机空间又更换了 下一篇又换主题啦