电脑技术学习

怎样在zblog文章中添加google广告

dn001

因为小来的博客也要加入google广告,所在在网上搜索在zblog中添加google广告的教程,但遗憾的是,好多教程都不是很全,或者操作起来很麻烦。所以就整理了本教程。在这个教程中,你可以选择使用。但更推荐的是本博客现在使用的这种方法。

那首先就介绍菜鸟博客目前使用的这种方法吧。用这种方法你在修改google广告时就特别的简单。

这个方法也是从网上参考的别人的教程,由于zblog是div+css构架,我们可以在css里随意控制广告的显示位置及方式。首先按照以下顺序找到文章对应的文件;

管理后台→文件管理→THEMES→你所选用的主题(如ThinkTwice、footoo或者默认的等)→TEMPLATE→b_article-single.html
在文件中找到; <div class='post-body'><#article/content#></div>这段代码,这个就是指文章的正文部分。将一句改为
<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; }

1、编写并上传ggcontent.asp到include文件夹。注意ggcontent.asp要用ftp上传,其它的直接在后台修改就可以。
2、在b_article-single.html里添加语句。
3、在style文件夹的模板.css里添加css控制语句。


关于以上教程的说明:

  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广告。这样一个正文广告就完成了。

如果大家跟着这个步骤来的话是肯定可以完成你的google adsense广告加入的。希望小来整理的这个教程能给大家带来帮助。

标签:

上一篇 Zblog安装教程

下一篇 返回列表