zblog文章中添加广告的方法(转载)_zblog教程

　　这个方法也是从网上参考的别人的教程，由于zblog是div+css构架，我们可以在css里随意控制广告的显示位置及方式。首先按照以下顺序找到文章对应的文件;

　　管理后台→文件管理→THEMES→你所选用的主题（如ThinkTwice、footoo或者默认的等）→TEMPLATE→b_article-single.html

　　在文件中找到 <div class='post-body'><#article/content#></div>这段代码，这个就是指文章的正文部分。将一句改为

　　注意<#CACHE_INCLUDE_GGCONTENT#>这一句是指包含GGCONTENT这个文件，然后我们就新建一个GGCONTENT.asp文件，用来存放adsense的代码，这样修改广告样式的时候直接修改ggcontent就可以了。注意ggcontent文件只要直接把adsense的代码复制来就行了，其它什么都不用做。

　　<div class="ggcontent">是说要用ggcontent这个样式，在style文件夹里找到你的模板，比如你用的是default，打开default.css，在最后加入这么一句

　　.ggcontent { width:487px; weight:300px; text-align:center; float:left; padding:10px 5px 10px 5px; }

　　1、编写并上传ggcontent.asp到include文件夹。注意ggcontent.asp要用ftp上传，其它的直接在后台修改就可以。

　　2、在b_article-single.html里添加语句。

　　3、在style文件夹的模板.css里添加css控制语句。

　　关于以上教程的说明：

　　width和weight　是指宽度和高度，

　　text-align　是指文本对齐方式center（居中）可以改为left（左对齐）或right（右对齐）

　　float　是指浮动，是如果为left，广告会浮动在文字左边，文章正文会自动挤到右边

　　padding　是与边界的距离，可以自己设置，多试几下就可以了，让广告更舒服的放置可以增加点击率，也增加美感。

　　另外可以给adsense广告添加背景图片，在大括号内加入下边一句

　　background:transparent url("背景图片地址") center no-repeat;

　　背景图片可以采用相对路径，比如"default/ggcontent.jpg"

　　no-repeat　是指不重复

　　repeat　　是横纵重复

　　repeat-x　是横向重复

　　repeat-y　是纵向重复

　　考虑到网页打开速度，最好使用小一点的图片，最好用gif格式的。利用此功能可以做出美化的adsense广告。这样一个正文广告就完成了。

　　如果大家跟着这个步骤来的话是肯定可以完成你的google adsense广告加入的。希望小来整理的这个教程能给大家带来帮助。

　　方法二：

　　在内容页添加文章环绕型广告

　　1. 打开文件管理--THEMES--你现在用的主题-- TEMPLATE--b_article-single.html,

　　找到 <div class="post-body"> 或<div class="article-body">

　　在后面加入：

　　google广告代码

　　</div>

　　全部加好是这个样子：

　　google广告代码

　　</div>

　　<#article/content#>

　　b_article-single.html 修改完成

　　2. 找到打开文件管理--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;

　　3. 重建文件.

　　修改完成.

　　注:width和height根据广告大小定义，一般最好大10px美观一下。边框的颜色由border后面的颜色代码定义。

　　二

　　一、首页顶部添加广告

　　打开博客当前的主题下的\TEMPLATE\default.html和\TEMPLATE\single.html，找到下述代码：

　　此处添加广告代码

　　</div>

　　注：

　　1.可以直接在红色部分添加Google Adsense广告代码。当然，其他的如阿里妈妈、百度主题推广联盟的广告代码也是可以的。建议添加“468*60”广告单元。

　　2.文件default.html和single.html都需要修改，将修改后的文件上传到服务器上后，需要“索引重建”，不需要“文件重建”。

　　二、首页正文底部添加广告

　　打开博客当前的主题下的\TEMPLATE\default.html，找到下述代码：

　　<#template:article-multi#>

　　此处添加广告代码

　　</div>

　　注：需要“索引重建”，无需“文件重建”。建议添加“728*90”广告单元或“728*15”的链接单元。

　　三、首页侧边栏添加广告

　　在博客当前主题下打开 \TEMPLATE\default.html，找到下述代码：

　　</h3>

　　<ul>

　　<#CACHE_INCLUDE_CATALOG#>

　　</ul><div style="float: left;clear: left;height:1px;width: 1px">

　　</div>

　　此处添加广告代码

　　</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>