1、苏二木博客 出品TEMPLATE 模板文件夹STYLE CSS 文件夹 即样式验证码的字符颜色在哪里改?字符颜色应该是在 c_validcode.asp 文件中修改 RGB 的值 .边框样式可能是修改 Template 目录下的 b_article_commentpost-verify.html 文件.在日志页面加入留言删除功能的修改(两种修改)用途:在日志页面即可直接删除评论,而不需要进入管理界面删除。方法:打开 TEMPLATE 目录下的 b_article_comment.html 文件增加一行(删除连接只有管理员可见):if(GetCookie(“password“)document
2、.write(“text-justify:inter-ideograph;如何给 1.7 方便的加个模块Z-Blog 1.7 可以很方便的在模板中引用 INCLUDE 目录内文件比如你在 INCLUDE 目录内新建一文件 “profile.asp“ 其中代码为:Name:你的名字Age:你的年龄Email:你的 email苏二木博客 出品然后你的模板中就可以用引用,加上点 CSS 就完成了.举一反三,相信你可以做的更好分页条中的上下分页调用也是看到 wp 的模板才想起的 ,zblog 中分页条的上一页,下一页调用,并且在没上页或下页该标签会自动隐藏哦上一页: 下一页: 其文字分别对应语言包中
3、(LANGUAGESimpChinese.asp)Const ZC_MSG156=“之后的文章 “Const ZC_MSG155=“ 更早的文章 “方法:TEMPLATEdefault.html catalog.html 中:替换成文章分类 RSS 图标的定义小 RSS 图标是被包围的,可以在 CSS 定义 span.feed-ciondisplay:none;将它隐藏如何更换这个 RSS 图标呢?参考默认样式中的:li span.feed-icon abackground:url(“default/feed.png“) no-repeat 0 3px; /*自定义 RSS 图标*/margi
4、n:0 0 0 0;padding:0 0 0 0;font-size:14px;height:12px; /*RSS 图标 高*/width:12px; /*RSS 图标 宽*/li span.feed-icon imgheight:12px;width:9px;visibility:hidden; /*隐藏默认 RSS 图标*/margin:0;padding:0;苏二木博客 出品adsense 广告详细添加方法今天终于把 adsense 的广告也加上了,在这里顺便把 adsense 的广告添加方法也详细说下。在 http:/ 我的博客也可以看到。Z-Blog 加入 Google Ads
5、ense 的说明在右侧(或左侧)添加垂直条:如果你要在每一个单页日志里加入 Google Adsense,就打开 TEMPLATE 目录下的single.html 文件,在c_html_js.asp?include=calendar“ type=“text/javascript“的后面加上苏二木博客 出品把中间的 script 部分换成你得到的代码就可以了。如果你要在首页日志里加入 Google Adsense,就打开 TEMPLATE 目录下的 default.html 文件,在目录分类后面加上上面的代码或者在右侧最后前面加也可以。另外解答一个问题:在一个页面上放了几个 adsense f
6、or content,为社么只显示一个?你网页上的关键词数据不足以显示更多广告。虽然是支持 3 个,不过如果没有可匹配的广告就会显示空白。这个和只放一个广告时的情形不同,只有其中一个广告会显示公益广告,其他会显示空白。建议: 阅读 Google Adsense 计划政策,了解基本知识让你的 google ads 广告赚钱 与文章融合 居左在 b_article-single.html 的那个地方添加google 广告代码然后在 css 添加.ggad margin: 10px 5px 2px 2px;padding: 10px 0px 0px 10px;float:left;width: 25
7、0px;height: 250px;vertical-align: top;border:1px #000000 solid;width 和 height 根据广告大小定义,一般最好大 10px 美观一下。边框的颜色由 border 后面的颜色代码定义。苏二木博客 出品1.8 版的 google 广告与文章完全融合(文章围绕广告)1. 打开文件管理-THEMES-你现在用的主题- TEMPLATE-b_article-single.html,找到 在后面加入:google 广告代码放在这里b_article-single.html 修改完成2. 找到打开文件管理-THEMES-你现在用的主题
8、- 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后面的颜色代码定义。呵呵,刚自己加上,这一篇文章上面的代码是自己找的,其他的是论坛里以前有的演示
9、地址:http:/ 这里写的更详细,标的更清楚点解决上出 ZTi 主题安装包失败问题!苏二木博客 出品.本贴只提供一种的解决方法.:看图1.首先把您的 ZTI 格式主题包文件,上传带你空间 PLUGINThemeSapperExport 目录下2.进入博客后台-主题样式管理 -主题管理扩展- 查看主机上保存的 ZTI文件-现在就看到你的主题包在里面了.让后点绿色的箭头恢复主题到 BLOG。就好了现在就看到你的主题包在里面了.让后点绿色的箭头恢复主题到 BLOG。就好了苏二木博客 出品.恢复 1.8 的“索引重建”修改 ./ADMIN/admin_left.asp找到改为刷新后台如何把 51
10、la,yahoo 等统计代码加到 z-blog 网页底部?问题 1请教:统计代码放在哪个文件里 ?刚下了 1.7 的测试版,感觉不错,只是不知在哪儿加上统计.请教大家一个小问题,统计的代码应当放在哪个文件下,要修改哪个文件?谢谢!问题 2关于添加访问统计代码zblog 的数据库里有个 counter 表,一直不知道有什么用,所以想把它用起来所以我在首页添加了一段拼凑的代码,虽然也可以用,但是我希望把它做的更规范一些,苏二木博客 出品比如做个成个模块加到 function 下,然后在首页引用(或者是不是能直接调用 function 下的模块实现访问统计?)。另外,大家都是如何实现访问统计的?是
11、自己做还是用专业统计?如果用专业统计,哪几家网站比较好?如果是自己添加代码,具体又是怎么做的呢?问题 3怎么样把 51 啦的统计代码加到底部模块模块, 代码, 统计之前是把统计代码加到网站收藏里的,这样只能访问首页的时候被统计到,不知道能不能把这个代码加到底部模块中去,论坛上管理组介绍方法如下:改 Single.html Default.html Catalog.html Tags.html search.html 五个模板, 把代码插到里面去. 一般是插到代码:. .里面吧!我觉得这个方法不适合新人,其实有更简单的方法:网站设置管理基础设置BLOG 版权说明 就可以了。注意:这个 blog
12、版权说明你除了放统计代码,以后也可以放置备案号,支持 HTML 代码,可用 标签换行我也是新人,希望能够得到大家的理解和支持。show 个 ip,希望得到大家的理解,新站【原创】如何把 51la,yahoo 等统计代码加到 z-blog 网页底部?http:/ 单次重建文件数目 “设置为 10-20 个左右,再少就有点 BT 了将“ 单次重建文件后的间隔秒数“ 设置为 5-10 秒左右,再长也很 BT再进行“文件重建 “,就会将一个很长的过程分解为有时间间隔的小段重建过程如果你文章很多,可以按下按钮后很长时间不去管它,浏览器会自动保持运行“文件重建“过程直到结束Z-Blog 程序、模板与 CS
13、S 的关系1.ASP 程序是 Z-Blog 的核心部份,模板则决定程序会生成什么样的 HTML 代码,CSS 样式决定生成的 HTML 代码是如何显示在你的浏览器里。2.无论是修改还是美化,先后顺序都是 CSS-模板-ASP 程序.即能用 CSS 解决的就不要修改模板,能修改模板解决的就不要改程序。苏二木博客 出品3.默认模板与程序是完全配套的,你下载的其它模板或修改过的模板可能会让你的程序不能正常工作。如果你不能确定原因,请换上默认模板试试。Z-Blog 自定义分类静态首页配置详解(初级Z-Blog 使用分类静态首页可以缓解网站服务器的一部分负担,同时生成静态 html 有利于搜索引擎蜘蛛
14、的抓取。但是一些 Z-Blog 用户对于此项配置还不是很了解,Z-Blog 官方也没有比较详细的指导或说明。所以我写这篇文章希望对某些 Z-Blog 用户有所帮助。1、生成分类静态首页配置:Z-Blog 默认是不生成分类静态首页的,我们需要进行以下操作。Z-Blog 管理后台网站设置管理静态目录配置及文件重建设置生成分类和按月归档的静态首页打勾。完成第 1 步后,下面第 2 步才会有效。2、自定义分类静态首页配置:Z-Blog 默认填的是%post%,当然我们可以自定义。以下列出填写不同参数时所对应的结果:在没有分类别名的情况下 填写%post%,对应生成结果:在 POST 目录下生成 cat
15、_1.html ,cat_2.html,cat_3.html 等等类推。(月光博客用的是这一种) 填写%category%,对应生成结果:在根目录下生成 cat_1/cat_1.html ,cat_2/cat_2.html,cat_3/cat_3.html 等等类推。 填写空白或/,对应生成结果:在根目录下生成 cat_1.html ,cat_2.html,cat_3.html 等等类推。 填写%post%/%category%,对应生成结果:在 POST 目录下生成cat_1/cat_1.html ,cat_2/cat_2.html,cat_3/cat_3.html 等等类推。 填写%cat
16、egory%/%post%,对应生成结果:在根目录下生成cat_1/POST/cat_1.html ,cat_2/POST/cat_2.html,cat_3/POST/cat_3.html 等等类推。 (任意)填写 abc,对应生成结果:在根目录下生成 abc/cat_1.html ,abc/cat_2.html,abc/cat_3.html 等等类推。在有分类别名的情况下 (假设别名为 name1,nane2,name3) 填写%post%,对应生成结果:在 POST 目录下生成 name1.html ,name2.html,name3.html 等等类推。 填写%category%,对应生
17、成结果:在根目录下生成 name1/ name1.html ,name2/name2.html,name3/name3.html 等等类推。 填写空白或/,对应生成结果:在根目录下生成 name1.html ,name2.html,name3.html 等等类推。 填写%post%/%category%,对应生成结果:在 POST 目录下生成 name1/ name1.html ,name2/name2.html,name3/name3.html 等等类推。 苏二木博客 出品 填写%category%/%post%,对应生成结果:在根目录下生成 name1/POST/ name1.html
18、,name2/POST/name2.html,name3/POST/name3.html 等等类推。 (任意)填写 abc,对应生成结果:在根目录下生成 abc/name1.html ,abc/name2.html,abc/name3.html 等等类推。(微风博客用的是这一种)如我自己的博客填的是 category,对应生成结果:在根目录下生成 category 目录,在category 目录下生成分类静态首页文件。网址:http:/3、匿名访问分类和按月归档的静态首页:Z-Blog 默认是没有开启的,我们需要进行以下操作。Z-Blog 管理后台网站设置管理静态目录配置及文件重建设置匿名访问
19、分类和按月归档的静态首页打勾。开启匿名访问后,系统会在分类目录下生成 default.html 文件。此时就只要通过访问目录名就能访问到该目录下的 default.html 。如访问 http:/ 就等于访问 http:/ 。这样做的好处:(1)隐藏网页路径,有一定的保护作用;(2)缩短路径长度,有利于搜索引擎访问;但要注意的是,开启匿名访问需要各分类都有自己单独的目录。即必须含有%category%参数。最后说明几点:1. %user%,%year%,%month%,%day%,%id%,%alias%等等参数在此处使用无效。 2. 上面(任意)填写中,可以是字母、数字和/ 的任意组合。 3
20、. 一般情况下,文件路径(网址)越短越有利于搜索引擎抓取。所以其他参数组合我就不列举了,推荐使用第一种和最后一种。是否匿名访问,根据个人喜好。seo 优化把 tags 加到标题的简便方法我的网站标题原来比较长,含有多个关键字,这样有可能被搜索引擎判为作弊。经过 ZX提示,现在 z-blog1.7 以后的版本可以实现将 tags 加入标题的功能了。将有利于搜索引擎的收录。方法其实非常简单。1、打开 TEMPLATE/single.html,在和加入标签。2、具体加在哪个位置就随你了,我是这么加的解释一下,是 blog 标题,是一个短横线,是文章标题,我将 加在末尾,并用 隔开。大家觉得如何呢?苏
21、二木博客 出品PS:可能有一种情况,有人使用之后,发现留言本的标题多了一个。请下载 Z-blog 最新版本。推荐新人安装主题修改助手插件:http:/bbs.rainbowsoft.org/thread-20317-1-2.html1. default.html首页显示模板,引用 b_article-istop.html 显示置顶文章,引用 b_article-multi.html 显示日志摘要,引用 b_pagebar.html 显示分页条2. single.html日志页显示模板,引用 b_article-single.html 显示日志3. catalog.html分类页显示模板,与首
22、页模板相似4. search.html搜索页模板,显示搜索页面5. tags.html标签页模板,显示 TagCloud6. 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 显示日志后
23、的 引用列表,相关文章,评论内容,评论发表框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每条评论内容显示模
24、板17. b_article_commentpost.html评论发表框模板18. b_article_commentpost-verify.html评论验证码显示样式文章收集自 z-blog 论坛,azha 原创。/*-博客全局设置-*/*-关于页面的设置边距、字体颜色、大小、背景颜色-*/bodymargin:0;padding:0;color:#000000;font-size:12px;background:#FFFFFF;/*-以下为字体链接变换的定义 -*/atext-decoration: none;a:link color: #095C83;苏二木博客 出品a:visited
25、 color: #095C83;a:hover color: #DC143C;text-decoration: underline;a:active color: #DC143C;text-decoration: underline;/*-以下为 ul li 段落 图片的定义-*/ullist-style-type:none;list-style-position : outside;margin:0 0 0 0;padding:0 0 0 0;word-break:break-all;limargin:0 0 0 0;padding:0 0 0 0;pmargin:0 0 0 0;paddi
26、ng:0 0 0 0;word-break:break-all;imgborder:0;/*-3 个主要 div 模块的定义-*/#divAllwidth:790px;margin:0 auto;padding:0#divPagewidth:778px;margin:0;苏二木博客 出品padding:0 6px 0 6px;text-align:left;float:left;background:url(“default/bg.gif“) repeat-y center;#divMiddlewidth:778px;margin:0;padding:0;text-align:left;fl
27、oat:left;/*-顶部图片的大小、边距、颜色、背景的定义 -*/#divTopwidth:778px;margin:0 auto;padding:0;text-align:left;float:left;height:115px;background:#1D99D3 url(“default/topbacking.gif“) repeat-x 0 0;border-bottom:1px solid #808080;/*-侧栏宽度、边距、浮动位置的定义 -*/#divSidebarwidth:210px;margin:0 0 0 0;padding:0 0 10px 0;text-alig
28、n:center;float:left;/*-主栏栏宽度、边距、浮动位置的定义 -*/#divMainwidth:568px;margin:0 0 0 0;padding: 0;text-align:left;float:left;/*-底部大小、边距、浮动位置、背景的定义 -*/苏二木博客 出品#divBottomwidth:778px;margin:0 auto;padding:0;text-align:center;float:left;height:80px;background:url(“default/bottom.png“) repeat-x 0 0;border-top:1p
29、x solid #D0D0D0;/*-侧栏模块的参数定义 -*/*-侧栏总体定义浮动方向、宽度、边距等-*/div.function float:left;width:190px;margin:10px 0 0 0;padding:0 0 0 10px;text-align:left;/*-侧栏标题的定义-*/div.function h3font-size:12px;height:15px;margin:0 0 0 0;padding:5px 0 0 5px;color:black;/*-侧栏正文的定义-*/div.function ultext-align:left;width:190px
30、;margin:2px 0 0 0;padding:5px 0 0 0;list-style-position:outside;list-style-type:none;border-top:1px solid #d0d0d0;/*-侧栏正文项目列表的定义 -*/div.function limargin:0 0 0 0;padding:2px 0 1px 15px;background:url(“default/pointblue.gif“) no-repeat 3px 4px;苏二木博客 出品/*-侧栏项目列表的定义-*/#divCatalog libackground:none;pad
31、ding:2px 0 1px 4px;/*#divCatalog li span.feed-icondisplay:none;*/*-侧栏图标汇集的定义-*/#divMiscpadding:10px 0 5px 10px;/*-侧栏图标汇集的标题隐藏 -*/#divMisc h3display: none;/*-侧栏图标汇集的正文模块定义 -*/#divMisc ulborder:none;/*-侧栏图标汇集的项目列表定义 -*/#divMisc lipadding:2px 0 2px 15px;background-image : none;/*-侧栏目录项目前的图标-*/div.funct
32、ion li span.feed-icon abackground:url(“default/feed.png“) no-repeat 0 3px;margin:0 0 0 0;padding:0 0 0 0;font-size:14px;height:12px;width:12px;div.function li span.feed-icon imgheight:12px;width:9px;visibility:hidden;margin:0;苏二木博客 出品padding:0;/*-侧栏控制面板的项目列表定义 -*/#divContorPanel libackground-image
33、: none;/*-侧栏搜索的项目列表定义 -*/#divSearchPanel libackground-image : none;/*-主栏正文的定义-*/*-正文的总体定义-*/div.post width:548px;margin:10px 0 10px 10px;padding:0 0 0 0;text-align:left;/*-上下文章的总体定义-*/div.post-nav width:100%;clear:both;float:left;/*-上文的定义-*/div.post-nav a.lfloat:left;padding-right:10px;padding-botto
34、m:5px;/*-下文的定义-*/div.post-nav a.rfloat:right;padding-left:10px;padding-bottom:5px;/*-文章标题的定义-*/div.post .post-titlewidth:519px;padding:5px 0 2px 28px;苏二木博客 出品margin:2px 0 2px 0;font-size:18px;color: #284259;border-top:1px dashed #D0D0D0;border-bottom:1px dashed #D0D0D0;background:#fafafa url(“defau
35、lt/title-bg.gif“) no-repeat 3px center;/*-文章日期的定义-*/div.post .post-datewidth:538px;margin:0 0 0 0;padding:5px 5px 2px 0;font-size:12px;color:gray;/*-文章底部的定义-*/div.post .post-footerwidth:546px;margin:10px 0 30px 0;padding:2px 0 0 0;font-size:12px;color:gray;height:20px;text-align:right;/*-tags 的定义-*/
36、div.post .post-tagswidth:541px;margin:2px 0 2px 5px;padding:2px 0 0 0;font-size:12px;color:gray;height:20px;text-align:left;body.multi div.post .post-tags/*display:none;*/*-文章正文文字的定义-*/div.post div.post-bodywidth:520px;margin:0 0 0 0;padding:0 0 0 5px;font-size:13px;苏二木博客 出品word-break:break-all;tex
37、t-align:left;line-height:150%;/*-文章正文内 media 标签的定义-*/div.post-body div.media apadding-left:16px;background:#FBFBFB url(“default/media.gif“) no-repeat 0 center;/*-文章 img 标签的定义-*/div.post-body imgpadding:4px 4px 4px 4px;border:0;clear : both;float : none;/*-文章正文段落的定义-*/div.post-body pmargin:10px 0 15p
38、x 0;padding:0;/*-文章正文文字段落内 img 标签的定义-*/div.post-body p.imgmargin:0;padding:0;text-align:center;/*-文章正文文字段落内 inscript 标签的定义-*/div.post-body p.inscriptmargin:0;padding:0;padding-right:20px;text-align:right;/*-文章正文文字段落内 code 标签的定义-*/div.post-body p.codepadding:5px;border:1px dotted black;div.post-body
39、div.codepadding:5px;border:1px dotted black;/*-文章正文内 h1 标签的定义-*/苏二木博客 出品div.post-body h1color: #000000;margin:0;padding:0;font-size:16px;/*-文章正文内 h2 标签的定义-*/div.post-body h2color: #000000;margin:0;padding:0;font-size:14px;/*-文章正文内 h3 标签的定义-*/div.post-body h3color: #000000;margin:0;padding:0;font-si
40、ze:13px;/*-文章正文内 h4 标签的定义-*/div.post-body h4color: #000000;margin:0;padding:0;font-size:12px;/*-文章正文内 h5 标签的定义-*/div.post-body h5color: #000000;margin:0;padding:0;font-size:11px;/*-文章正文内 h6 标签的定义-*/div.post-body h6color: #000000;margin:0;padding:0;font-size:10px;/*-blog 名称及版权的定义 -*/*-blog 名称的总体定义-*/
41、#BlogTitle苏二木博客 出品font-size:32px;margin:54px 0 0 10px;padding:0;font-weight:bold;/*-以下为 blog 名称的链接变换定义 -*/#BlogTitle acolor:#F0FFF0;#BlogTitle a:hover color: #DC143C;text-decoration: none;#BlogTitle a:active color: #DC143C;text-decoration: none;/*-blog 名称下副标题的定义-*/#BlogSubTitlecolor: #F0FFF0;font-s
42、ize:12px;margin:2px 0 0 10px;padding:0;/*-blog 版权的定义-*/#BlogPowerByfont-size:12px;height:20px;margin:0;padding:25px 10px 0 10px;text-align:right;font-weight:normal;#BlogCopyRightfont-size:12px;height:20px;margin:0;padding:0 10px 0 10px;text-align:right;float:none;clear:both;font-weight:normal;苏二木博客
43、 出品/*-评论的定义-*/*-评论顶部部分的定义-*/p.posttop margin:10px 0 0 0;padding:3px 0 2px 12px;background: url(“default/pointblue.gif“) no-repeat 0 center;/*-评论底部部分的定义-*/p.postbottom margin:0 0 10px 0;padding:5px 0 0 0;#frmSumbitpadding:0;margin:0;#frmSumbit ppadding:5px 0 5px 0;/*-评论按钮的定义-*/input.buttonbackground:
44、 white;border: 1px double #284259;color: #333;padding: 0.05em 0.25em 0.05em 0.25em;/*-评论文字的定义-*/input.text padding: 0.15em 0.25em 0.20em 0.25em;border: 1px double #284259;width: 200px;background: white;/*-评论文字框的定义-*/textarea.text padding: 0.15em 0.25em 0.20em 0.25em;border: 1px double #284259;width: 80%;height: 80px;background: white;width: 520px;苏二木博客 出品height: 120px;/*-侧栏日历的定义-*/*-日历的总体定义-*/#divCalendarpadding:0 0 0 10px;text-align:center;/*-日历标题部分进行了隐藏 -*/#divCalendar h3display:none;/*-日历 div 的定义 -*/#divCalendar divmargin:0 0 0 0;padding:0 0 5px 4px;float:left;/*-日历各月份背景图片的定义 -*/#