zblog常用广告位添加代码及方法
zblog常用广告位添加
博客添加广告也是正常的,前期没有流量不添加广告,但是运营一段时间之后有了稳定的流量,那么添加广告就是必须的了,不然白白浪费了流量,在此记录一下广告位的添加方法和相关代码,以便日后需要;
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文件中
首页文章列表顶部广告位
首先打开当前主题目录下的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>
注:分页条代码可能各种主题的不一样,但是一般位置都差不多
文章内页,文章底部添加广告
首先打开post-single.php这个文件,找到{$article.Content}这段代码,这个是文章正文的代码;一般都是这样的:
<div class="xxx">{$article.Content}</div>
在这段代码后边加入广告代码,示例代码:
<div class="xxx">{$article.Content}</div> <div class="ads"> <!--广告代码加在这里--> </div>
侧栏模块添加广告位置
侧栏添加广告位置倒是很简单,只需要在后台打开模块管理,然后点击新建模块:
按上图在正文中添加广告代码即可,然后点击提交保存,把刚刚新建的模块拖动到侧栏即可。
提示:基本上就是这样的,因为模板不同,按以上代码加入如果出现错位等情况,请按需修改css代码。
懒人方法就是应用中心搜索安装插件使用,喜欢折腾的自己折腾吧