优化zblog添加广告代码

2011年5月31日10:49:22 |发布: zblog优化 |浏览:

zblog是一个优秀的个人博客程序,它简单易用,当然,如果能给自己的zblog个人博客添加一些广告代码,借着广大网友的力量赚取点儿广告费,也是非常好的事情,如果想给自己的zblog系统个人博客添加广告代码,请接着往下看。

 一,给文章正文部分添加广告代码(查看乾元轩文章正文页面效果)

管理后台→文件管理→THEMES→你所选用的主题(如ThinkTwice、footoo或者默认的default等)→TEMPLATE→b_article-single.html
在文件中找到  <div class='post-body'><#article/content#></div>这段代码,这行代码是调用文章的正文,也就是显示文章正文的部分。

在<#article/content#>前面添加<div class="adcontentgg"><#CACHE_INCLUDE_ADCONTENTGG#></div>,在<#article/content#>后面添加<div class="adcontentbd"><#CACHE_INCLUDE_ADCONTENTBD#></div>,即成为<div class="post-body"><div class="ascontentgg"><#CACHE_INCLUDE_ADCONTENTGG#></div><#article/content#></div><div class="adcontentbd"><#CACHE_INCLUDE_ADCONTENTBD#></div>

下面解释一下这添加的<div class="adcontentgg"><#CACHE_INCLUDE_ADCONTENTGG#></div>部分(<div class="adcontentbd"><#CACHE_INCLUDE_ADCONTENTBD#></div>同理)。

其中<#CACHE_INCLUDE_ADCONTENTGG#>这一句是指包含ADCONTENTGG这个文件,然后我们就新建一个ADCONTENTGG.asp文件(保持大写),用来存放谷歌adsense的代码(如果gg换成bd,就是百度联盟的广告代码,当然可以自己拉的广告,直接放一个展示广告链接),这样修改广告样式的时候直接修改ascontentgg就可以了。注意adcontentgg文件只要直接把adsense的代码复制来就行了,其它什么都不用做。当然你也可以选择自己喜欢的名字,如AD.asp当然前提是不能和原有文件名重名。这个ADCONTENTGG.asp文件是要放在系统的INCLUDE文件夹里的,不然无法调用,如果你的主题模板里有个文件夹INCLUDE,没有可以自己建一个,调用方法是<#CACHE_INCLUDE_ADCONTENTGG#>改为<#THEMES_INCLUDE_ADCONTENTGG#>。

另外的<div class="adcontentgg">部分,是说要用adcontentgg这个样式,在style文件夹里找到你的模板,比如你用的是default,打开default.css,在最后加入这么一句
.adcontentgg { width:487px; weight:300px; text-align:center; float:left; padding:10px 5px 10px 5px; },这里面的.adcontentgg有个点,看清楚。然后adcontentgg是样式名字,与<div class="adcontentgg">要一致。其中,float:left是显示文章左边,当然也可以向本文效果一样显示右边float:right

总结一下流程:
1、编写并上传adcontentgg.asp到include文件夹(zblog自带的include或者模板文件自设的include,调用方法上面提了)。注意adcontentgg.asp最好要用ftp上传,并且只是完整复制广告商提供的广告代码,其它的直接在后台修改就可以。
2、在b_article-single.html里<div class='post-body'><#article/content#></div>添加语句为<div class="post-body"><div class="adcontentgg"><#CACHE_INCLUDE_ADCONTENTGG#></div><#article/content#></div>。
3、在style文件夹的模板.css里添加css控制语句.adcontentgg { width:487px; weight:300px; text-align:center; float:left; padding:10px 5px 10px 5px; }。
4、文章重建

关于以上样式的说明:
 width和weight是指宽度和高度,
text-align是指文本对齐方式center(居中)可以改为left(左对齐)或right(右对齐)
float是指浮动,是如果为left,广告会浮动在文字左边,文章正文会自动挤到右边
 padding是与边界的距离,可以自己设置,多试几下就可以了,让广告更舒服的放置可以增加点击率,也增加美感。

另外可以给adsense广告添加背景图片,在大括号内加入下边一句
background:transparent url("背景图片地址") center  no-repeat; 
背景图片可以采用相对路径,比如"default/ggcontent.jpg"
no-repeat 是指不重复
repeat  是横纵重复
repeat-x 是横向重复
repeat-y 是纵向重复

二,在侧栏添加广告代码(可查看乾元轩博客文章侧栏位置的广告专栏见效果)
<!--自定义模块二,adcelangg.asp文件应为utf-8编码要不然会出现乱码;<#CACHE_INCLUDE_ADCELANGG#>里的ADCELANGG要与文件名称一致,并且全部大写。 详见 http://wiki.rainbowsoft.org/doku.php?id=themes:tips-->,<#CACHE_INCLUDE_ADCELANGG#>中的ADCELANGG为adcelangg.asp文件,和上面提到的“adcontentgg文件只要直接把adsense的代码复制来就行了,其它什么都不用做”一样处理。在广告联盟处下载广告代码的时候,记得宽度和你博客系统侧栏位置的宽度相当,长度则无限制,但也要配合博客页面的美观细节。

具体代码:
<div class="function">
<h3>自定义标题,如:广告专栏</h3>
<ul><#CACHE_INCLUDE_ADCELANGG#></ul>
</div>

如果要在最近发表栏与最近发表文章融合怎么办呢,答案如下
<div class="inner-wrapper">
 <h3><#ZC_MSG032#></h3>
 <ul><#TEMPLATE_INCLUDE_ADCELANGG#></ul>
 <ul><#CACHE_INCLUDE_PREVIOUS#></ul>
  <ul><#TEMPLATE_INCLUDE_ADCELANBD#></ul>
</div>
TEMPLATE是指广告代码文件放在模板文件里的include中,如果是zblog系统自带的include中放广告代码,则TEMPLATE要改为CACHE.

完成上面的步骤之后记得文章重建,让这些修改在全站中生效,最后就是好好写文章,推广,赚取广告费了。

支付宝打赏 微信打赏

« 上一篇下一篇 »

  • 评论:(4 )

已有 4 位网友发表了一针见血的评论,你还等什么?
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  • 4 站长博客 回复该留言
    Post:2012-8-19 7:57:48
    肯尼来过,支持下博主
  • 3 qipilang 回复该留言
    Post:2011-9-27 13:57:48
    原来用zblog 国外主机太贵了 转成 wp了
  • 2 数码相机排行榜 回复该留言
    Post:2011-8-12 22:31:53
    之前也想找关于zblog的广告代码,可惜都没找到,兄弟写的真是够详细,小弟在此谢过了。
  • 1 肖俊 回复该留言
    Post:2011-5-31 21:45:25
    ZBLOG比较麻烦一点的就是修改内页代码需要重建
  • 小陌 回复该留言
    Post:2011-5-31 22:02:07
    是啊,如果文章多了重建消耗挺大的