zblog如何添加侧边栏

 

如今互联网发展迅猛,电脑已经普及到千家万户,我们可以坐在家里看世界。当然我们更希望让全世界人都能看到我们,了解我们,把我们良好的形象展现给大家,不可忽略一点就是我们已经加入了浩浩荡荡的博客大军之中了。

  想必大家都有各自的博客,其中有免费主页,也有自己购买的空间域名制作的个人网站,我也不例外,也琢磨着去建立自己的博客,曾经使用过pjblog zblog boblog等博客程序,然而也发现在国内的免费博客程序中要数zblog比较绿色环保,所写的文章都能生成html的格式,很大程度上提高了网页打开的速度。

  做博客就免不了遇到些大大小小的问题,今天我们就来研究如何在zblog程序中添加侧边栏目,首先我们要了解zblog皮肤文件夹下的文件相对应的作用。
  
  default.html 首页主模板文件
  b_article-multi.html 摘要文章模板
  b_article-istop.html 置顶文章模板
  b_pagebar.html 页面底部分页条模板,可以改分页条样式
  catalog.html 分类页模板文件
  b_article-multi.html 摘要文章模板
  b_article-istop.html 置顶文章模板
  b_pagebar.html 页面底部分页条模板,可以改分页条样式
  single.html 日志页主模板文件
  b_article-single.html 日志页文章模板
  b_article_nvabar_l.html 日志页面文章导航,显示“上一篇”日志链接
  b_article_nvabar_r.html 日志页面文章导航,显示“下一篇”日志链接
  b_article_trackback.html 每条引用通告显示模板
  b_article_mutuality.html 每条相关文章显示模板
  b_article_comment.html 每条评论内容显示模板
  b_article_commentpost.html 评论发表框模板
  b_article_commentpost-verify.html 评论验证码显示样式
  b_article_tag.html 每个tag 的显示样式
  b_article-guestbook.html 留言页正文模板,若不存在则调用 b_article-single.html 模板
  guestbook.html 留言页主模板文件(默认模板无此文件),若不存在则调用 single.html 模板
  search.html 搜索页模板,显示搜索页面
  tags.html 标签页模板,显示TagCloud

  这些都是一个比较完整模板所包含的文件,比如我们要添加一个公告栏在侧边显示,打开模板的首页调用文件default.html 在相应位置添加代码:
〈div class="function"〉
〈h3〉最新公告〈/h3〉
〈ul〉
〈li style="line-height:18px;"〉〈span style="color:#000000;"〉〈strong〉  2008年5月12日14时28分, 让我们永远铭记这一刻,愿死者安息,生者坚强〈/strong〉〈br /〉
       阿e,2008.5.19〈/span〉
〈br /〉〈br /〉 超人很忙的空间 http://www.izfc.cn 阿e博客开通QQ群:8352670,群名称即为“释放青春-灌云”。欢迎各位灌云的朋友加入群内一并交流,再次感谢各位对阿e博客的继续支持!〈br /〉
       阿e,2008.5.4 〈/li〉
〈/ul〉
〈/div〉

其中div class="function"是定义侧边栏的样式,引号中的值可以根据你的模板来修改,class=是代表共用的,跟id=完全不同,id=是指唯一的

  h3是代表标题字体大小,br是代表回车的意思,也就是另起一行。内容也可以更改为个人简介或者关于等等。把〈〉号换成〈 或 〉注意要切换到英文半角输入法。

  其中字体颜色可以根据自己喜好进行更改,然后保存,上传到空间覆盖原文件,记得在覆盖之前要备份原始文件,以防止修改不当造成错误。修改文件的时候建议使用DW工具或者系统自带的写字板,今天就写到这里,这也是我自己琢磨出来的,如果写的不好也不要扔鸡蛋哦:)

未经允许请勿转载:超人很忙空间 » zblog如何添加侧边栏

赞一个 (0)
分享到: +More

分享:

支付宝

微信