很久前就有人在Z-Blog论坛发帖,询问如何在首页第一篇文章下动态添加广告。这个问题要是在动态页面下是很容易实现的,然而在静态化程度很高的Z-Blog这里就不好实现了——当然,静态化处理的优势也是很明朗的,这里就不说了。
回到话题。对于刚才说到的问题,很久以来都是不好解决的,有没有人尝试不知道,只知道这个问题一直留在那边没有得到解决。直到后来本人在学习jQuery的时候,才突然想出了解决之道,下面将我的方法分享出来。
第一步,将广告(非Google广告)代码添加到模板文件default.html的某个位置,使用div嵌套,并且控制显示方式为隐藏,如下:
<!-- 广告代码从这里开始 -->
</div>
第二步,建立js文件,保存为UTF-8格式,命名(比如叫ad.js),为了统一,将该文件放到script文件夹下。ad.js代码为:
$("#AD").insertBefore("#divMain .post-tags:eq(0)").css("display","inline");
})
第三步,在模板文件default.html的head结点中找到common.js的引用位置,在这个位置后添加ad.js的引用,也就是这个样子:
<script language="JavaScript" src="<#ZC_BLOG_HOST#>script/ad.js" type="text/javascript"></script>
第四步,进行索引重建(1.8Devo之后的版本没有“索引重建”,可以通过其他可以达到“索引重建”效果的方法实现,这里就不说了)。
关于以上方法有几个说明:
- 在使用过程中发现Google Adsense不能采用这种方法调用,这跟Google的机制有关,不是这里所讲的方法的问题。阿里妈妈的广告和其他内容均可使用。
- 这里所讲的是控制广告代码——实际上其他内容亦可以通过该方式实现。
- 由于Z-Blog在设计中已经很早就使用了jQuery,在common.js里就应用了,所以这里无需再次引用jQuery文件。
- 如果想在第二篇文章下显示,只需将第一步中的eq(0)改为eq(1)即可,一次类推。
- 这里所讲的是首页的使用,其他页面在使用当中需要注意页面的结构,对代码适当修饰即可。
- 其他程序的站点同样可以使用该方法动态加载某些内容。







