知了博客

集天地之精华,吸日月之灵气

« MyEclipse 中SVN 中的安装日工作(2009-10-12) »

在Z-Blog中添加广告的详细方法

在每一篇文章的正文添加广告,主要是修改TEMPLATE文件夹里的b_article-single.html模板。
<div class="post-body"><#article/content#></div>这一句是文张正文部分,</div> 前边直接添加广告代码就可以了,但这样并不好管理,建议用一下介绍的方法。
      zblog是div+css构架,我们可以在css里随意控制广告的显示位置及方式。
      首先在文章内容里添加广告包含代码,即上一句改为
      <div class="post-body"><div class="ggcontent"><#CACHE_INCLUDE_GGCONTENT#></div><#article/content#></div>
      注意<#CACHE_INCLUDE_GGCONTENT#>这一句是指包含GGCONTENT这个文件,然后我们就新建一个GGCONTENT.asp文件,用来存放adsense的代码,这样修改广告样式的时候直接修改ggcontent就可以了。注意ggcontent文件只要直接把adsense的代码复制来就行了,其它什么都不用做。
      <div class="ggcontent">是说要用ggcontent这个样式,在style文件夹里找到你的模板,比如你用的是default,打开default.css,在最后加入这么一句,
.ggcontent { width:487px; weight:300px; text-align:center; float:left; padding:10px 5px 10px 5px; }
      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是纵向重复,考虑到网页打开速度,最好使用小一点的图片,最好用gif格式的。利用此功能可以做出美化的adsense广告,下边是一些广告欣赏。
      这样一个正文广告就完成了,总结一下步骤:
1、编写并上传ggcontent.asp到include文件夹。注意ggcontent.asp要用ftp上传,其它的直接在后台修改就可以。
2、在b_article-single.html里添加语句。
3、在style文件夹的模板.css里添加css控制语句。

按照以上的方法,你可以在zblog的任何一个地方添加adsense广告了。
模板是存放在template文件夹的,常用的如下:
default.html    首页模板
single.html      单个文章页面模板
b_article-single.html   单个文章页面之中的文章主体部分,single.html里面的文章内容就是嵌用了这个的格式。
catalog.html   用于首页的翻页,也就是说首页从第二页开始,都是这个负责显示
需要在哪里放广告修改哪一个即可。注意修改之后要重建索引和文件。
其实在zblg放广告最简单的办法是直接在支持代码的地方添加,比如网站版权处(一般放统计代码)、网站收藏、友情链接等地方。
下面是一些常用的位置:
1、文章正文,就是上边的例子,ggcontent大矩形或中矩形(好像是中矩形的点击率最高)。
2、文章阅读页面侧栏,摩天大厦或小摩天大厦
3、文章正文页面尾部,可以有两个矩形,一个图片一个文字,或者可以有一个推广。
4、主页头部可以做一个横幅。
5、搜索页面可以做一个google的搜索,也可以加一个百度的。
6、列表页,我觉得做链接广告好一些。
一个页面的广告不要太多,读者看了会烦,有一个图片广告一个文字广告就差不多了。况且google的政策,每个页面最多3个广告单元,2个搜索,3个链接广告。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619 Code detection by Codefense  theme by BokeZhuti

Copyright know blog. Some Rights Reserved.站长(msn):webmaster#webgou.info(#换成@) 粤ICP备09183716号