当前位置:首页 » 网站建设 » 正文

Zblog如何添加广告,zblog添加广告位的方法

 人参与  2012年12月17日 18:23  分类 : 网站建设  评论

  相信大家都知道使用各种各样的zblog主题或者zblog模板,但是并非所有的模板都带有大家需要的zblog广告位,在大家的网站做到一定程度的时候,都需要添加相应的zblog广告位,这里我就给大家讲一些zblog添加广告位的方法。

   一、首页添加广告位的方法:

1、首页顶部添加广告:打开博客当前的主题下的\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>
      Zblog如何添加广告,zblog添加广告位的方法
    注: (1).可以直接在广告代码部分添加Google Adsense广告代码。当然,其他的如阿里妈妈、百度主题推广联盟的广告代码也是可以的。建议添加“468*60”广告单元。(2).文件default.html和single.html都需要修改,将修改后的文件上传到服务器上后,需要“索引重建”,不需要“文件重建”。

2、首页正文底部添加广告:打开博客当前的主题下的\TEMPLATE\default.html,找到下述代码:
<div id="divMain">
此处添加广告代码
<#template:article-multi#>
<div class="post pagebar"><#ZC_MSG042#>:<#template:pagebar#></div>
</div>

      Zblog如何添加广告,zblog添加广告位的方法
    注:此处添加广告位之后需要“索引重建”,无需“文件重建”。建议添加“728*90”广告单元或“728*15”的链接单元。

3、首页侧边栏添加广告:在博客当前主题下打开 \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>

      Zblog如何添加广告,zblog添加广告位的方法
注:
1. 建议添加“120*240”广告单元、“180*150”广告单元或者 “180*90”、“180*60”链接单元。2.其中height: 90px;width: 160px是广告代码的尺寸,你可以根据广告的尺寸进行相应的调整修改。 3. 按照上述方法添加的代码,广告将在“网站分类”下方部位显示。其实还可以在任意功能块后添加Google Adsense代码, 如“最近留言”、“文章分类”等板块。方法是一样的。 4.此处添加广告位之后需要“索引重建”,无需“文件重建”。

   二、内容页添加广告位的方法:

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

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

<div id="vad" class="baidu">
百度广告代码
</div>

全部加好是这个样子:

<div class="post-body">
<div id="vad" class="baidu">
百度
</div>
<#article/content#>

这样b_article-single.html就修改完成。

②. 找到打开文件管理--THEMES--你现在用的主题-- TEMPLATE--STYLE/目录下对应当前模板的CSS文件打开在最后面加入:
   .baidu {
    margin: 10px 5px 2px 2px;
    p adding: 10px 0px 0px 10px;
    float:left;
    width: 250px;
    height: 250px;
    vertical-align: top;
    border:1px #000000 solid;
    }
  
③.  重建文件.修改完成.

      Zblog如何添加广告,zblog添加广告位的方法
    注:width和height根据广告大小定义,一般最好大10px美观一下。边框的颜色由border后面的颜色代码定义。

2、内容页正文左上方添加广告:找到博客当前主题文件夹,依次打开 \TEMPLATE\b_article-single.html,找到下述代码:
<div  class="entry"><#article/content#></div>,将广告代码添加到这里,如下:
<div  class="entry">此处添加广告代码
<#article/content#></div>

然后保存。
注:需要“文件重建”。建议放置“200*200”、“250*250”的广告单元。

3、内容页环绕添加广告方法:在博客当前模板文件下找到文件\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>
注:
① Height和width可根据广告大小自定义。
② 需要“文件重建”才能看到效果。

4、文章评论上方添加广告:在博客当前模板文件下找到文件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”广告单元。

   三、其他位置的zblog广告位添加方法:

     除以上说的首页和内容页添加广告位之外,在首页“网站收藏”、“友情链接”、图标汇集”等3个功能块添加广告代码,在后台就可以直接添加。这个很简单,就相当于侧栏添加一个div,如果大家对这个也不懂,可以单独留言说哦!这里就不详细说了!

来源:起点博客转载请保留出处和链接!

本文链接:http://www.liuyingqiang.com/post/50.html

本文标签:zblog    

<< 上一篇下一篇 >>

  • 评论(32)
  • 相关文章

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

搜索

最近发表

网站分类

Tags列表

最新留言

搜索

最近发表

Tags列表

广而告之

关于我们 | 友情链接 | 免责声明 | 广告投放

联系邮箱:349001157@qq.com  Powered By 起点博客  京ICP备10215048号; 京公网安备110117000127
本博客为个人原创博客,如有转载文章,请按文章说明注明文章来源,谢谢!