用jQuery实现在Z-Blog静态首页添加动态广告的办法
August 26, 2010 Views
Comments 2
用jQuery实现在Z-Blog静态首页添加动态广告的办法
第一步,将广告(非Google广告)代码添加到模板文件default.html的某个位置,使用div嵌套,并且控制显示方式为隐藏,如下:
<div id="AD" style="display:none; ">
<!-- 广告代码从这里开始 -->
</div>
<!-- 广告代码从这里开始 -->
</div>
第二步,建立js文件,保存为UTF-8格式,命名(比如叫ad.js),为了统一,将该文件放到script文件夹下。ad.js代码为:
$(document).ready(function(){
$("#AD").insertBefore("#divMain .post-tags:eq(0)").css("display","inline");
})
$("#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/common.js" type="text/javascript"></script>
<script language="JavaScript" src="<#ZC_BLOG_HOST#>script/ad.js" type="text/javascript"></script>
<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)即可,一次类推。
- 这里所讲的是首页的使用,其他页面在使用当中需要注意页面的结构,对代码适当修饰即可。
- 其他程序的站点同样可以使用该方法动态加载某些内容。
阅读全文网赚探知