找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2926|回复: 0

[教程] zblog高级进阶教程10:zblog添加广告位教程

[复制链接]
发表于 2013-6-8 10:44:51 | 显示全部楼层 |阅读模式 来自 中国–广东
本帖最后由 一次就够 于 2013-6-9 22:48 编辑

       zblog的缺点是主题少,插件少,不像wordpress博客那样广告管理的插件就一大堆。不过zblog后台可以直接进行文章编辑,解决了不少ftp问题。


一、首页顶部添加广告

打开博客当前的主题下的\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个功能块添加广告代码,因为在后台就可以直接添加,在此不多赘述。以上方法也适合于其他广告联盟,如阿里妈妈;另外添加广告一定要适度,且要注重优化,不可过多,降低用户体验。


发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-22 06:42 , Processed in 0.041813 second(s), 9 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表