如何给z-blog添加广告
选择Z-blog后,马上就希望在博客中能添加google广告。这里以本站"z-blog博客"程序为例做个简单的介绍,其他程序同理。
1. 首先需要一段CSS样式,否则无法定位div。
CSS示例代码:
其中width指宽,height指高.单位为像素.可自由调整为你需要的广告样式.border后面为边框的颜色,你果你想改成白色,将000000改为ffffff即可.float:left指的是显示在左侧,相反right则是右侧.
2.打开STYLE目录下的default.css(如果你使用的是其他样式请做相应选择),在底部另起一行加入以上代码。
3.本站是直接加在single.html中的,即在
下面将在文章左边或右边添加google广告.
打开TEMPLATE目录下的b_article-single.html网页文件,该文件是日志页文章模板.找到:
在中间添加广告代码如:
如:
至此文章显示位置广告插入完毕.效果如: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"> </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#> -->
评论(0)▼