zblog模板添加广告位置的方法

介绍

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

zblog模板添加广告位置的方法  第1张

CSS代码:

.ads{
  line-height: 80px;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  background-color: #fbfbfb;
  border: 2px dashed #bbb;
  text-align: center;
  color: #aaa;
  clear: both;
  overflow: hidden;
}

将以上css代码加入到主题目录下的style文件夹中的style.css或者xxx.css文件中(ps:一般都在这里)

首页文章列表顶部添加广告位置

首先打开当前主题目录下的template文件夹,打开index.php文件;

找到以下代码:

{foreach $articles as $article}
{if $article.IsTop}
{template:post-istop}
{else}
{template:post-multi}
{/if}
{/foreach}

在这段代码的顶部添加:

<div class="ads">
<!--广告代码加在这里-->
</div>

文章列表分页条底部添加广告位置

在文章列表分页条底部添加广告,首先我们在index.php文件中先找到分页条的代码{template:pagebar},在下边添加:

<div class="ads">
<!--广告代码加在这里-->
</div>

ps:分页条代码可能各种主题的不一样,但是一般位置都差不多><!

文章内页,文章底部添加广告位置

首先打开post-single.php这个文件,找到{$article.Content}这段代码,这个是文章正文的代码;一般都是这样的:

<div class="xxx">{$article.Content}</div>

在这段代码后边加入广告代码,示例代码:

<div class="xxx">{$article.Content}</div>
<div class="ads">
<!--广告代码加在这里-->
</div>
侧栏模块添加广告位置

侧栏添加广告位置倒是很简单,只需要在后台打开模块管理,然后点击新建模块:

zblog模板添加广告位置的方法  第2张

按上图在正文中添加广告代码即可,然后点击提交保存,把刚刚新建的模块拖动到侧栏即可。

后言

基本上就是这样的,因为模板不同,按以上代码加入如果出现错位等情况,请按需修改css代码。

最后编辑于:2015/06/15作者: 烽烟无限

发表评论

  • 感谢反馈,问题已经更新;用插入文章尾广告位的方法是可以用来添加分享的;

  • 烽烟老大,你那大图主题如果想添加百度分享功能,是不是可以按你这个插入文章尾广告位的方法做啊?
    还有一个,我在卡卡网测速上面发现这样的路径图片zb_users/theme/FYpicture/style/default/pointblue.gif,显示404,我把截图发在zblog论坛里了。是误测还是有问题啊,有空请帮看看。谢谢了