存档

文章标签 ‘美化’

关于Z-Blog文章归档的美化

2008年4月19日 2 条评论

很早看到论坛里面关于文章归档的美化方法(做成下拉菜单的显示形式),很晚我都没有采用。不是程序代码不好,也不是美化的不好,只是因为觉得这个过程需要做的工作量太大,索性不做了。

昨天在发现者博客那里发现了篇采用CSS样式控制的文章归档显示样式的文章,效果良好,之后就采用了。只不过我又进一步做了一点点的改进,使其感觉更加良好。估计发现者兄弟也感觉良好了——只不过他还没发现我是怎么改进的,于是来问我。

下面把我修改的思路简单说一下,需要采用的简单理解一下也就能更简单地操控了。

  • 按照发现者提供的方式修改好目标模板(比如default.html和catalog.html),在“按月查看”文字前增加两个空格,然后找个类似于这个的小图片放到图片文件夹;
  • 在CSS样式单某处增加代码#ulArchives2 li{
    margin-left:5px;
    background:url("此处填写图片路径") no-repeat 0px 0px;
    }
  • 索引重建。

然后你也就感觉良好了。

分类: 实用资源 标签: ,

Z-blog美化

2007年12月14日 37 条评论

上次在文章《Z-blog美化和SEO优化》提到了对Z-blog的一点美化和优化的方法,我不知道具体效用有多大,总之在后来的一段时间内,我的站点被搜索引擎收录的收据都向上浮动了,百度还出现“暴涨”的现象,这个数字还在持续增长中…

这次要说的内容与SEO优化没有多大关系,只是为了使Z-blog看起来更加美观而做的一点美化。其实说开了也很简单。

我们知道,在Z-blog的文章中间插入的链接是没有下划线的,而且在有的模板(比如j-spring)下其链接颜色跟文章内容的字体颜色基本上是一致的——这样就给视觉的区分带来了麻烦,也违背了博主插入链接的本意。其实这个可以通过修改样式文件CSS实现,参考代码如下:

div.post-body a{
 text-decoration: underline;
 color:#6633FF;
 }

另外,在编辑器里写好每段文字换行其代码是<p>文字文字</p>这样的格式,这刚好给段落的美化带来了方便。我们知道,习惯的规范是每段开始处都要空出两个字,常用的办法是敲空格键几次实现——其实在Z-blog这里根本不必如此,只需要简单地在样式文件CSS下增加这样一段就可以轻松实现了:

div.post-body p{TEXT-INDENT: 2em; }

最后想说,Z-blog1.8就要出来了,希望在美化和优化方面做的更好。应该如此吧!

分类: 实用资源 标签: ,

Z-blog美化和SEO优化

2007年11月16日 16 条评论

使用Z-blog有两个月了。感觉这款系统已经很不错了,但是追求完美的心态基本上都是有的——发现它还是存在美中不足的地方。

美化方面:

首先,感觉默认的分页实在是难看了些。参考了Washun的方法,出现了现在的效果,比较满意。实现方法是在样式文件CSS下面添加如下代码:

其次,文章内页的链接颜色跟非链接的文本颜色区别不大,而且默认的样式把链接的下划线去掉了,这样使其不容易分辨,效果不好。解决的办法是给链接换一种颜色,或者添加下划线,效果会好很多。实现办法是在样式文件CSS下添加一段代码:
div.post-body a{ text-decoration: underline;}就OK了。

优化方面:

跟网络打交道,不可避免的遇到SEO优化的问题。优化其实不是作弊,否则只能叫做“劣化”、“恶化”了。适当优化是可取的。关于这个方面Z-blog已经做的很不错了,比如文章实现了静态显示。但是还有一些重要的标记本可以使用上来的却没有被使用,比如文章摘要、关键字,而且标题的排列也并不好。参考了《SEO优化中关于Zblog的SEO》这篇文章的内容,并且做了一定取舍和调整,现在好了些。其实现在的搜索引擎有淡化META标记的作用的趋势(百度最为明显),但是就目前而言,优化还是能发挥一定的作用。实现这种优化的方法是在模板文件下添加相应代码,比如在single.html文件添加如下代码:
<meta name="keywords" content="<#article/tagtoname#>-<#BlogTitle#>-<#ZC_BLOG_TITLE#>" />
<meta name="description" content="<#BlogTitle#>-<#article/tagtoname#>-<#ZC_BLOG_TITLE#>-<#ZC_BLOG_SUBTITLE#>-<#ZC_BLOG_SUB_NAME#>-<#article/category/name#>">
<link rel="alternate" type="application/rss+xml" href="http://feed.chenyg.cn" title="<#ZC_BLOG_TITLE#>" />
并且文章的标题顺序调整为<title><#BlogTitle#><#ZC_MSG044#><#ZC_BLOG_TITLE#></title>
至于其他模板文件的修改,也可以参照这个方法实现其优化。

分类: 实用资源 标签: , ,