王老狗博客电话15858213085

烟台网站优化_烟台seo_烟台网络推广_烟台网站建设_王老狗博客电话15858213085

上一篇: 百度不收录外链博客文章的测试 下一篇:最新成功案例烟台市固光焊接材料有限责任公司

在内容页添加文章环绕型广告

1. 打开文件管理--THEMES--你现在用的主题-- TEMPLATE--b_article-single.html,
   找到 <div class="post-body"> 或
<div class="article-body">
   在后面加入:

<div id="vad" class="ggad">
google广告代码
</div>


 全部加好 是这个样子:

<div class="post-body">
<div id="vad" class="ggad">
google广告代码
</div>

<#article/content#>
   b_article-single.html 修改完成

2. 找到打开文件管理--THEMES--你现在用的主题-- TEMPLATE--STYLE/目录下对应当前模板的    CSS文件
   打开在最后面加入
   .ggad {
    margin: 10px 5px 2px 2px;
    p adding: 10px 0px 0px 10px;
    float:left;
    width: 250px;
    height: 250px;
    vertical-align: top;
    border:1px #000000 solid;
    }
   
3.  重建文件.
    修改完成.
    注:width和height根据广告大小定义,一般最好大10px美观一下。边框的颜色由border后面的颜色代码定义。


一、首页顶部添加广告
打开博客当前的主题下的\TEMPLATE\default.html和\TEMPLATE\single.html,找到下述代码:
<div id="divAll">
<div id="divPage">
<div id="divMiddle">
<div id="divTop">
此处添加广告代码
</div>
<h1 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>
<h2 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>
注:
1.可以直接在红色部分添加Google Adsense广告代码。当然,其他的如阿里妈妈、百度主题推广联盟的广告代码也是可以的。建议添加“468*60”广告单元。
2.文件default.html和single.html都需要修改,将修改后的文件上传到服务器上后,需要“索引重建”,不需要“文件重建”。

二、首页正文底部添加广告
打开博客当前的主题下的\TEMPLATE\default.html,找到下述代码:
<div id="divMain">
<#template:article-multi#>
此处添加广告代码
<div class="post pagebar"><#ZC_MSG042#>:<#template:pagebar#></div>
</div>
注:需要“索引重建”,无需“文件重建”。建议添加“728*90”广告单元或“728*15”的链接单元。


三、首页侧边栏添加广告
在博客当前主题下打开 \TEMPLATE\default.html,找到下述代码:
<h3><#ZC_MSG026#>
</h3>
<ul>
<#CACHE_INCLUDE_CATALOG#>
</ul><div style="float: left;clear: left;height:1px;width: 1px">
</div>
<div style="height: 90px;width: 160px;float: left;clear: left;padding: 0px;margin-top: 12px">
此处添加广告代码
</div></div>
注:
1.在红色部分添加广告代码,蓝色代码部分也是要同时添加的。否则将显示不正常。建议添加“120*240”广告单元、“180*150”广告单元或者“180*90”、“180*60”链接单元。2.其中height: 90px;width: 160px是广告代码的尺寸,你可以根据广告的尺寸进行相应的调整修改。
3. 按照上述方法添加的代码,广告将在“网站分类”下方部位显示。其实还可以在任意功能块后添加Google Adsense代码, 如“最近留言”、“文章分类”等板块。方法是一样的。
4.需要“索引重建”,无需“文件重建”。


四、内容页正文左上方添加广告
找到博客当前主题文件夹,依次打开 \TEMPLATE\b_article-single.html,找到下述代码:
<div  class="entry"><#article/content#></div>,将广告代码添加到这里,如下:
<div  class="entry">此处添加广告代码
<#article/content#></div>  然后保存。
注:需要“文件重建”。建议放置“200*200”、“250*250”的广告单元。

五、内容页环绕添加广告方法
在博客当前模板文件下找到文件\TEMPLATE\b_article-single.html
找到<div class="post-body">,在其下方加入广告代码即可。
<div class="post-body">
<div style="float: left;clear: left;height: 200px;width: 1px">
</div>
<div style="height:250px;width: 250px;float: left;clear: left;padding: 0px;margin-top: 12px">
此处添加广告代码</div>
<#article/content#></div>
注:
1.Height和width可根据广告大小自定义。蓝色代码部分也是要同时添加的。否则将显示不正常。
2. 需要“文件重建”才能看到效果。


六、文章评论上方添加广告
在博客当前模板文件下找到文件TEMPLATE\b_article_commentpost.html,根据以下方法编辑:
<div class="post" id="divCommentPost">
<p class="posttop"><a name="comment"><#ZC_MSG024#></a></p>
此处添加广告代码
<form id="frmSumbit" target="_self" method="post" action="<#article/commentposturl#>" >
<input type="hidden" name="inpId" id="inpId" value="<#article/id#>" />
<input type="hidden" name="inpArticle" id="inpArticle" value="" />
<input type="hidden" name="inpLocation" id="inpLocation" value="" />
<p>
注:需要“文件重建”。建议添加“468*60”广告单元。


七、除此之外,在首页“网站收藏”、“友情链接”、“图标汇集”等3个功能块添加广告代码,在后台就可以直接添加。

更多 0

 

 

 

 

这个方法也是从网上参考的别人的教程,由于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广告加入的。希望小来整理的这个教程能给大家带来帮助。

点击这里获取该日志的TrackBack引用地址

  • Gravatar Icon
    回复
  • quote 1.kevin4822011-11-8 10:11:58
  • 做到 二、首页正文底部添加广告
    这一条 添加完毕
    广告显示需要10分钟左右的时间,刚加上会显示 找不到网页的现象。
  • Gravatar Icon
    回复
  • quote 2.kevin4822011-11-8 10:20:17
  • 把首页顶部的广告去了把 太影响美观了 另外把烟台网站优化_烟台百度推广_烟台SEO_王卫军的博客 删减一下

发表评论:

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

关于本文

您正在阅读的是:在zblog文章中添加google广告的方法
kevin482 发表于:2011-11-8 9:42:23
分类:工作赚钱
关键词:zblog广告  

博客作者

王老狗博客电话15858213085

最近发表

最新评论及回复

最近留言

控制面板

Search

网站分类

文章归档

图标汇集

点击这里给我发消息

鲁ICP备09047409号-3