很久前就有人在Z-Blog论坛发帖，询问如何在首页第一篇文章下动态添加广告。这个问题要是在动态页面下是很容易实现的，然而在静态化程度很高的Z-Blog这里就不好实现了——当然，静态化处理的优势也是很明朗的，这里就不说了。

回到话题。对于刚才说到的问题，很久以来都是不好解决的，有没有人尝试不知道，只知道这个问题一直留在那边没有得到解决。直到后来本人在学习jQuery的时候，才突然想出了解决之道，下面将我的方法分享出来。

第一步，将广告（非Google广告）代码添加到模板文件default.html的某个位置，使用div嵌套，并且控制显示方式为隐藏，如下：

第二步，建立js文件，保存为UTF-8格式，命名（比如叫ad.js），为了统一，将该文件放到script文件夹下。ad.js代码为：

第三步，在模板文件default.html的head结点中找到common.js的引用位置，在这个位置后添加ad.js的引用，也就是这个样子：

第四步，进行索引重建（1.8Devo之后的版本没有“索引重建”，可以通过其他可以达到“索引重建”效果的方法实现，这里就不说了）。 

关于以上方法有几个说明：

1. 在使用过程中发现Google Adsense不能采用这种方法调用，这跟Google的机制有关，不是这里所讲的方法的问题。阿里妈妈的广告和其他内容均可使用。
2. 这里所讲的是控制广告代码——实际上其他内容亦可以通过该方式实现。
3. 由于Z-Blog在设计中已经很早就使用了jQuery，在common.js里就应用了，所以这里无需再次引用jQuery文件。
4. 如果想在第二篇文章下显示，只需将第一步中的eq(0)改为eq(1)即可，一次类推。
5. 这里所讲的是首页的使用，其他页面在使用当中需要注意页面的结构，对代码适当修饰即可。
6. 其他程序的站点同样可以使用该方法动态加载某些内容。

来自：http://www.henshiyong.com/archives/107.html

分类： 站长经验 Web开发 网页设计