让你的zblog添加更多的广告位
相信大家作博客站的目的有很多,比如:个人生活、情感、娱乐的网络记录、社会沟通和交友、学习和自我提升、职业生涯和个人自我价值实现、个人商务等,实际上说个人商务是应运时流,现在都流行博客营销,说简单点就是希望能够实现博客盈利,因此投放广告是一个普遍而实用的方法,但是一般大家使用各种各样的博客主题或者模板,并非所有的模板都带有大家需要的或多的广告位,因此在大家的网站做到一定程度的时候,都需要添加相应的或多或少的广告位,这里借武汉SEO阿伟的文章说说一些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>
注: (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>
注:此处添加广告位之后需要“索引重建”,无需“文件重建”。建议添加“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>
注:
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="ggad">
google广告代码
</div>
全部加好是这个样子:
<div class="post-body">
<div id="vad" class="ggad">
google广告代码
</div>
<#article/content#>
这样b_article-single.html就修改完成。
②. 找到打开文件管理--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;
}
③. 重建文件.修改完成.
注: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,这里就不详细说了!
分类:主页制作| 发布:xiadao81| 查看:4068 | 发表时间:2012-08-11
原创文章如转载,请注明:转载自龙三公子博客 https://www.mybabycastle.com/
本文链接:https://www.mybabycastle.com/post/8.html