不忘英语学习,坚持建站制作,听BEYOND音乐,感悟生活每一天!永久域名:G1981.cn
«红楼梦定妆照评论 荷兰输了。。。希丁克创造奇迹»
2008-6-21电脑网络
z-blog添加广告
 views

如何给z-blog添加广告

选择Z-blog后,马上就希望在博客中能添加google广告。这里以本站"z-blog博客"程序为例做个简单的介绍,其他程序同理。

1. 首先需要一段CSS样式,否则无法定位div。

CSS示例代码:

 

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

 

其中width指宽,height指高.单位为像素.可自由调整为你需要的广告样式.border后面为边框的颜色,你果你想改成白色,将000000改为ffffff即可.float:left指的是显示在左侧,相反right则是右侧.

2.打开STYLE目录下的default.css(如果你使用的是其他样式请做相应选择),在底部另起一行加入以上代码。

3.本站是直接加在single.html中的,即在

下面将在文章左边或右边添加google广告.

打开TEMPLATE目录下的b_article-single.html网页文件,该文件是日志页文章模板.找到:

 

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

 

在中间添加广告代码如:

 

 <div class="post-body"><div id="vad" class="ggad">在这里加入你的google或baidu广告代码</div><#article/content#>

 

 如:

 

 <div class="post-body"><div id="vad" class="ggad"><script type="text/javascript"><!--
google_ad_client = "pub-9616918719634232";
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = "250x250_as";
google_ad_type = "text";
//2007-10-21: 博客文章右边
google_ad_channel = "1818484775";
google_color_border = "ffffff";
google_color_bg = "ffffff";
google_color_link = "000000";
google_color_text = "000000";
google_color_url = "ffffff";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<#article/content#>

 

至此文章显示位置广告插入完毕.效果如:http://myblog.ititgo.com/post/1.html

下面将在文章显示页面右侧栏添加google广告(左侧栏同理).

打开:TEMPLATE目录下的single.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
评论验证码显示样式

 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<#ZC_BLOG_LANGUAGE#>" lang="<#ZC_BLOG_LANGUAGE#>">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <meta http-equiv="Content-Language" content="<#ZC_BLOG_LANGUAGE#>" />
 <link rel="stylesheet" rev="stylesheet" href="<#ZC_BLOG_HOST#>style/<#ZC_BLOG_CSS#>.css" _fcksavedurl=""<#ZC_BLOG_HOST#>style/<#ZC_BLOG_CSS#>.css"" _fcksavedurl=""<#ZC_BLOG_HOST#>style/<#ZC_BLOG_CSS#>.css"" _fcksavedurl=""<#ZC_BLOG_HOST#>style/<#ZC_BLOG_CSS#>.css"" type="text/css" media="screen" />
 <link rel="stylesheet" rev="stylesheet" href="<#ZC_BLOG_HOST#>css/print.css" type="text/css" media="print" />
 <script language="JavaScript" src="<#ZC_BLOG_HOST#>script/common.js" type="text/javascript"></script>
 <title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title>
</head>
<body class="single">
<script language="JavaScript" type="text/javascript">
 var str00="<#ZC_BLOG_HOST#>";
 var str01="<#ZC_MSG033#>";
 var str02="<#ZC_MSG034#>";
 var str03="<#ZC_MSG035#>";
 var str06="<#ZC_MSG057#>";
 var intMaxLen="<#ZC_CONTENT_MAX#>";
 var strFaceName="<#ZC_EMOTICONS_FILENAME#>";
 var strFaceSize="<#ZC_EMOTICONS_FILESIZE#>";
 var strBatchView="";
 var strBatchInculde="";
 var strBatchCount="";
</script>
<div id="divAll">
 <div id="divPage">
 <div id="divMiddle">
  <div id="divTop">
   <h1 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>
   <h2 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>
  </div>
  <div id="divNavBar">
<h3><#ZC_MSG052#></h3>
<ul>
<#CACHE_INCLUDE_NAVBAR#>
</ul>
  </div>
  <div id="divMain">
<#template:article-single#>
  </div>
  <div id="divSidebar">

<div class="function" id="divCalendar">
<h3><#ZC_MSG050#></h3>
<div id="divCalendar2"><script language="JavaScript" type="text/javascript">strBatchInculde+="divCalendar2=calendar,"</script></div>
</div>
<script type="text/javascript"><!--
google_ad_client = "pub-9616918719634232";
google_ad_width = 180;
google_ad_height = 150;
google_ad_format = "180x150_as";
google_ad_type = "text";
//2007-10-21: 博客右侧
google_ad_channel = "1978588992";
google_color_border = "ffffff";
google_color_bg = "ffffff";
google_color_link = "000000";
google_color_text = "000000";
google_color_url = "ffffff";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<p align="left"><b><span lang="zh-cn">&nbsp;&nbsp;&nbsp; </span>热文排行: </b>
<script language="JavaScript" src="<#ZC_BLOG_HOST#>plugin/randomsort/blog.asp?tempName=hot" type="text/javascript"></script>
</p>

<div class="function" id="divPrevious">
<h3><#ZC_MSG032#></h3>
<ul id="ulPrevious">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulPrevious=previous,"</script>
</ul>
</div>

<div class="function" id="divComments">
<h3><#ZC_MSG027#></h3>
<ul id="ulComments">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulComments=comments,"</script>
</ul>
</div>

  </div>
  <div id="divBottom">
   <h3 id="BlogPowerBy">Powered By <a href="http://www.rainbowsoft.org/zblog/" title="RainbowSoft Studio Z-Blog">Z-Blog <#ZC_BLOG_VERSION#></a></h3>
   <h2 id="BlogCopyRight"><#ZC_BLOG_COPYRIGHT#></h2>
  </div>
 </div>
 </div>
</div>
<script language="JavaScript" type="text/javascript">
try{
 var elScript = document.createElement("script");
 elScript.setAttribute("language", "JavaScript");
 elScript.setAttribute("src", "<#ZC_BLOG_HOST#>function/c_html_js.asp?act=batch"+unescape("%26")+"view=" + escape(strBatchView)+unescape("%26")+"inculde=" + escape(strBatchInculde)+unescape("%26")+"count=" + escape(strBatchCount));
 document.getElementsByTagName("body")[0].appendChild(elScript);
 }
catch(e){};
</script>
<Script language="javascript" type="text/javascript"src="<#ZC_BLOG_HOST#>PLUGIN/Rating/Rating.js"></script>
</body>
</html>
<!-- <#BLOG_CREATE_TIME#> -->

日志信息»

该日志由 koma520 于 2008-6-21 22:40:32 发表,所属分类:电脑网络。欢迎您 发表评论,同时欢迎您在保留 源出处 与版权信息的基础上,引用 本日志。您还可以通过 Rss2.0 订阅本日志的所有评论。

相关日志»

怎样将zblog上传文件默认“自动命名上传文件”

评论(0)

发表评论»