Z-blog主题metsky模板修改及下载使用说明
真的很难得,还有网友喜欢天缘这个拼凑的主题,呵呵,天缘就把这个Z-blog主题metsky免费提供给大家下载使用,因为修改的地方有点多,顺便写个使用说明供参考。先声明一下,天缘不是美工出身,程序上怎么调整都有办法,就是美工上没这个天份,所以如果问起是谁的模板这么丑就别说是我的哈,此外metsky模板修改最初来源于网络综合,顶部题图也出自网络,现在已经被改的面目全非了,就是界面还是还有点UGLY。
本站metsky主题下载:点击下载
适应Z-blog版本: Z-Blog 1.8 Arwen Build 90619
使用说明分两个部分:主题部分和插件部分,特别对主题部分给以说明,方便Z-blog升级后自己对应修改,当然上述主题下载后也可以只使用主题或插件,修改用法参下文。
一、metsky主题典型修改说明
1、应用方法把主题样式metsky文件夹拷贝到z-blog的themes目录下,然后应用该主题即可,以下是metsky的一些修改或优化说明。
2、去掉Z-blog左侧边栏中的站点统计的当前主题显示和CSS样式显示:
修改z-blog的FUNCTION下文件:c_system_base.asp去掉站点统计的当前主题和CSS样式显示。方法把以下两句注释掉:
'strStatistics=strStatistics & "<li>"& ZC_MSG306 &":" & GetNameFormTheme(ZC_BLOG_THEME) & "</li>"
'strStatistics=strStatistics & "<li>"& ZC_MSG083 &":" & ZC_BLOG_CSS & "</li>"
3、去掉Z-blog左侧边栏分类列表前面的RSS小图标显示
FUNCTION文件夹下的:c_system_base.asp中
注释掉:strCatalog=strCatalog & "<li><span class=""feed-icon""><a href="""& Categorys(objRS("cate_ID")).RssUrl &""" target=""_blank""><img title=""rss"" width=""20"" height=""12"" src="""&ZC_BLOG_HOST&"IMAGE/LOGO/rss.png"" border=""0"" alt=""rss"" /></a> </span><a href="""& Categorys(objRS("cate_ID")).Url & """>"+Categorys(objRS("cate_ID")).Name + "<span class=""article-nums""> (" & Categorys(objRS("cate_ID")).Count & ")</span>" +"</a></li>"
修改为:
strCatalog=strCatalog & "<li> <a href="""& Categorys(objRS("cate_ID")).Url & """>"+Categorys(objRS("cate_ID")).Name + "<span class=""article-nums""> (" & Categorys(objRS("cate_ID")).Count & ")</span>" +"</a></li>"
4、去掉最近发表的日志前面的日期显示
FUNCTION文件夹下的:c_system_base.asp中
注释掉:'strPrevious=strPrevious & "<li><a href="""& objArticle.Url & """ title="""& objArticle.HtmlTitle &"""><span class=""article-date"">["& Right("0" & Month(objArticle.PostTime),2) & "/" & Right("0" & Day(objArticle.PostTime),2) &"]</span>" & objArticle.Title & "</a></li>"
替换为:strPrevious=strPrevious & "<li><a href="""& objArticle.Url & """ title="""& objArticle.HtmlTitle &"""><span class=""article-date"">["& Right("0" & Month(objArticle.PostTime),2) & "/" & Right("0" & Day(objArticle.PostTime),2) &"]</span>" & objArticle.Title & "</a></li>"
5、关闭Z-BLOG的UBB回复留言功能,b_article_commentpost.html
中的<script language="JavaScript" type="text/javascript">objActive="txaArticle";ExportUbbFrame();</script>注释掉即可
需要注意:SCRIPT/common.js里的RevertComment()函数判断提交表单的FORM是最后一个,如果不启用b_article_commentpost.html里头的objActive="txaArticle",那么RevertComment函数将调用ELSE语句,判断FORM为最后一个,天缘博客插入了GG 搜索表单是在最后,所以导致无法回复留言,每次回复留言都是显示为发表的新留言。
6、为博客增加订阅功能:
A.为域名增加二级域名的CNAME记录:feed.metsky.com指向mydomain.feedsky.com(或者rss.metsky.com,名字自己起下面相同二级域名相应修改即可),当然在域名解析生效后,还需要到feedsky.com的后台进行域名绑定刚刚添加的CNAME记录。
B.在z-blog的INCLUDE目录下创建一个空的asp文件:subscribe.asp。
内容如下:
<li>订阅我的博客: <a href="http://feed.metsky.com" target="_blank"><img src="/image/logo/sub_rss.gif" border="0" alt="订阅我的博客" /></a></li>
<li><a href="http://www.google.com/reader/view/feed/http://feed.metsky.com" target="_blank"><img src="/IMAGE/LOGO/sub_google.gif" border="0" alt="通过GOOGLE订阅本站" /></a></li>
<li><a href="http://www.xianguo.com/subscribe.php?url=http://feed.metsky.com" target="_blank"><img src="/IMAGE/LOGO/sub_xianguo.gif" border="0" alt="通过鲜果订阅本站" /></a></li>
<li><a href="mailto:lovoner@gmail.com" target="_blank"><img src="/IMAGE/LOGO/sub_email.gif" border="0" alt="通过邮件订阅本站" /></a></li>
C.然后在z-blog的模板TEMPLATE下default.html下测边栏适当位置增加:
<div class="function" id="divSubscribe">
<h3>订阅我的博客</h3>
<ul><#CACHE_INCLUDE_SUBSCRIBE#></ul>
</div>
D.CSS风格中增加以下规则(实际上就是去掉原CSS的LI风格):
#divSubscribe li
{margin:0;padding:2px 0 1px 15px;background:none;}
E.重建页面即可,如果需要在文章展示也增加订阅功能,请参考B.在single.html里增加即可。
7、为博客增加GOOGLE站内搜索功能:
在z-blog的模板TEMPLATE下default.html下测边栏适当位置增加:
<div class="function" id="divGGSearch">
<h3>站内搜索</h3>
<center>
这里为GOOGLE搜索代码,宽度为215,高度为26
</center>
</div>
8、为文章展示页增加潜入AD模块功能:
<div style="float: left;margin-top:10px;margin-right:10px">
这里为GOOGLE AD代码,宽度300,高度250
</script>
</div>
9、内边栏增加AD模块:
<div class="function" id="divSubscribe">
<h3>订阅我的博客</h3>
<center>
AD 代码部分
</center>
</div>
10、增加ROBOTS.TXT,内容如下
#
# robots.txt for metsky
# Version 4.0.0
#
User-agent: *
Disallow: /FUNCTION/
Disallow: /FCKeditor/
Disallow: /CACHE/
Disallow: /SCRIPT/
Disallow: /ADMIN/
Disallow: /UPLOAD/
Disallow: /wap.asp
Disallow: /cmd.asp
Sitemap: http://www.metsky.com/sitemap.xml
11、去掉日历模块
12、修改catalog.html的标题和KEYWORD
<title ><#BlogTitle#><#ZC_MSG044#><#ZC_BLOG_TITLE#></title>
前面的title加个空格防止被Title SEO插件修改,Title SEO分类页的标题优化不好请仍然采用天缘博客-介绍方式
13、为Z-BLOG文章增加缩略图
b_article-multi.html 文件修改<#template:article_tag#>到<div class="post-body">标签中
b_article_tag.html 文件修改为带TAG链接的图片形式即可。
后台每篇文章只能有一个TAG(比如Windows),然后创建一个以该TAG名命名(比如thumb_Windows.gif)的gif图片。然后把IMAGE拷贝到Z-BLOG的IMAGE根目录下即可。
14、增加文章排行插件MyToplist,用法参下文
15、修改single.html增加keywords 和description,方便搜索引擎收录。
<title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title>
<meta name="keywords" content="<#article/tag/name#>" />
<meta name="description" content="<#BlogTitle#>-<#ZC_BLOG_TITLE#>" />
二、Z-Blog天缘文章排行插件MyToplist使用说明
Z-Blog天缘文章排行插件是在月光排行的基础上修改而来,去掉了原月光Z-Blog文章投票评分插件,支持最新的Z-Blog 1.8系统,启用Z-Blog文章排行插件后,系统会自动生成热文、月度、年度、总排行的列表,供系统调用。其中:
热文、月度、年度生成的文件为ASP文件,可采用直接INCLUDE调用和JavaScript文件调用形式(一般边栏调用);
总排行为JS格式带实际浏览数,位置在CACHE/zztopall.js,只支持JS调用方式,一般为文章SINGLE底调用,可参考天缘的文章页面底部;
启用这个插件后,就可以修改Z-Blog模板文件来调用文章排行列表,建议在首页上使用ASP的方式调用,在目录页和文章页使用Javascript的方式调用,调用方法是:
对于首页来说,修改模板目录下的default.html模板,在侧栏位置加入以下语句:
<div class="function" id="divTopList">
<h3>热文排行</h3>
<ul>
<#CACHE_INCLUDE_TOPHOT#>
</ul>
</div>
<div class="function" id="divTopList">
<h3>月度排行</h3>
<ul>
<#CACHE_INCLUDE_TOPMONTH#>
</ul>
</div>
<div class="function" id="divTopList">
<h3>年度排行</h3>
<ul>
<#CACHE_INCLUDE_TOPYEAR#>
</ul>
</div>
对于文章也来说,修改模板目录下的\single.html模板,在侧栏位置加入以下语句:
<div class="function" id="divTopList">
<h3>热文排行</h3>
<ul id="ulToplist">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulToplist=tophot,"</script>
</ul>
</div>
<div class="function" id="divTopList">
<h3>月度排行</h3>
<ul id="ulToplist">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulToplist=topmonth,"</script>
</ul>
</div>
<div class="function" id="divTopList">
<h3>年度排行</h3>
<ul id="ulToplist">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulToplist=topyear,"</script>
</ul>
</div>
文章底调用累计排行b_article-single.html加入以下语句:
<ul class="msg trackback">
<li class="tbname">文章阅读排行:</li>
<li class="zzToplist">
<ul>
<script type="text/javascript" src="/CACHE/zztopall.js"></script>
</ul>
</li>
</ul>
CSS定义如下:
.zzToplist ul {line-height:20px; margin-left:16px;font-size:14px;}
.zzToplist ul li span {width:60px; text-align:center; color:#FFFF00; display:block; float:left;}
.zzToplist a {font-size:14px;}
最后重建文章即可。
Z-Blog天缘文章排行插件的具体现实效果,参见天缘博客的各个页面,天缘博客没有使用年月排行,所以只是生成没有调用。
更多参考:
