stephen的记事本-ZBLOG模板加广告实例转载

Zblog加入GOOGLE广告

zblog添加google adsense广告|如何给zblog添加广告|zblog添加gg

文中GGAD/ggad表示"Google Adsense"

1.首页侧边栏添加方法

打开 \TEMPLATE\default.html，找到下述代码：

<div class="function" id="divCatalog">
<h3><#ZC_MSG026#></h3>
<ul> <#CACHE_INCLUDE_CATALOG#> </ul>
</div>

其实可在任意功能块后添加GGAD代码，具体可以参照 z-blog模型分析图。
这里以"分类功能块"后添加代码为例，插入如下代码，将中间的script部分换成你的GGAD代码即可。

<div class="function">
<ul>
<li style="background:none;padding:0 0 0 15px;">
<script type="text/javascript"></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</li>
</ul>
</div>
2.首页正文底部添加方法

打开 \TEMPLATE\default.html，找到下述代码

<div id="divMain">
<#template:article-multi#>

在上述代码下方插入你的GGAD代码即可

3.内容页侧边栏添加方法打开 \TEMPLATE\single.html，找到下述代码 <div id="divSidebar">
<div class="function" id="divCalendar">
<h3><#ZC_MSG050#></h3>
<script language="JavaScript" src="<#ZC_BLOG_HOST#>c_html_js.asp?include=calendar" type="text/javascript"></script>
</div>

其实可在任意功能块后添加GGAD代码，这里以"分类功能块"后添加代码为例，添加如下代码，中间t填入你的GGAD代码即可。

<div class="function">
<ul>
<li style="background:none;padding:0 0 0 15px;">

</li>
</ul>
</div>

4.内容页正文添加方法

打开 \TEMPLATE\b_article-single.html，找到下述代码

<div class="post-body"><#article/content#>

你添加的代码，如下：

<div id="vad" class="ggad">

</div>

打开style\<你所用样式>.css,在文件中添加：

.ggad {
margin: 10px 5px 2px 2px;
padding: 10px 0px 0px 10px;
float:left;
width: 250px;
height: 250px;
vertical-align: top;
border:1px #000000 solid;
}

float:left; 居左/右。
width和height可根据广告大小定义。
边框的颜色由border后面的颜色代码定义。

细介绍ZBlog模板页面下的文件作用，Themes\模板\Template文件夹里面的各个HTML文件的作用

1. default.html
首页显示模板，引用b_article-istop.html显示置顶文章，引用b_article-multi.html显示日志摘要，引用b_pagebar.html显示分页条
2. single.html
文章页显示模板，引用b_article-single.html显示日志
3. catalog.html
分类页显示模板，与首页模板相似
4. search.html
搜索页模板，显示搜索页面
5. tags.html
标签页模板，显示TagCloud
6. b_article-guestbook.html
留言页模板
7. b_pagebar.html
页面底部分页条模板，可以改分页条样式
8. b_article-multi.html
首页摘要文章模板
9. b_article-single.html
日志页文章模板，分别引用 b_article_trackback.html、b_article_mutuality.html、b_article_comment.html、b_article_commentpost.html 显示日志后的引用列表，相关文章，评论内容，评论发表框
10. b_article-istop.html
置顶文章模板
11. b_article_nvabar_l.html
日志页面文章导航，显示“上一篇”日志链接
12. b_article_nvabar_r.html
日志页面文章导航，显示“下一篇”日志链接
13. b_article_tag.html
每个tag 的显示样式
14. b_article_trackback.html
每条引用通告显示模板
15. b_article_mutuality.html
每条相关文章显示模板
16. b_article_comment.html
每条评论内容显示模板
17. b_article_commentpost.html
评论发表框模板
18. b_article_commentpost-verify.html
评论验证码显示样式

——————————————————————————

关于广告添加，本站以阿里妈妈为例，相信gg的广告一样的操作

找到想在那个页面添加的模板页面，我这个网站主要就是在b_article-single.html这个里面添加的广告

在zblog后台的文件管理依次打开THEMES\default\TEMPLATE找到b_article-single.html编辑，

在想要加入代码的地方加入，看看我的吧

<div class="post cate<#article/category/id#> auth<#article/author/id#>">
<div class="post-nav"><#template:article_navbar_l#><#template:article_navbar_r#></div>
<h4 class="post-date"><#article/posttime#></h4>
<h2 class="post-title"><#article/title#></h2>
<div class="post-body"><#article/content#>
<script type="text/JavaScript">
alimama_pid="mm_10036040_972676_2057040";
alimama_titlecolor="0000FF";
alimama_descolor ="000000";
alimama_bgcolor="FFFFFF";
alimama_bordercolor="E6E6E6";
alimama_linkcolor="008000";
alimama_bottomcolor="FFFFFF";
alimama_anglesize="0";
alimama_bgpic="0";
alimama_icon="0";
alimama_sizecode="12";
alimama_width=468;
alimama_height=60;
alimama_type=2;
</script>
<script src="http://a.alimama.cn/inf.js" type=text/javascript>
</script>

</div>
<h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5>
<h6 class="post-footer">
<#ZC_MSG011#>:<#article/author/name#> | <#ZC_MSG012#>:<#article/category/name#> | <#ZC_MSG013#>:<#article/commnums#> | <#ZC_MSG014#>:<#article/trackbacknums#> | <#ZC_MSG130#>:<span id="spn<#article/id#>"></span>
<script language="JavaScript" type="text/javascript">strBatchCount+="spn<#article/id#>=<#article/id#>,"</script>
</h6>
</div>
<ul class="msg trackback">
<li class="tbname"><a href="<#article/pretrackback_url#>" target="_blank"><#ZC_MSG232#></a></li>
</ul>
<ul class="msg mutuality">
<li class="tbname"><#ZC_MSG231#>:</li>
<li class="msgarticle"><#template:article_mutuality#></li>
</ul>

<#template:article_trackback#>
<#template:article_comment#>
<#template:article_commentpost#>

你想要在那里添加，就复制代码到那个地方，添加完成后一定要文件重建一下，看看效果，不太会的朋友可以先备份原来的，慢慢的试着添加

stephen wang