星期日, 十二月 24, 2006

自己动手制作BLOGGER模板

前边曾说过一个自己动手制作MP3播放器,总惦记着是不是能自己制作一个BLOGGER的模板,看到finalsense上有大量的老版本的博客模板,很受启发,拉开膀子干吧。

其实自己制作模板确实不难,但要说难又很难,因为beta里边用了大量的调用参数,对于很多数据个性化的发挥确实无从下手,比如你希望用一个日历的形式来显示发布日期就不好整。但是如果仅仅是改变样式,那确实是非常简单的,想通了就简单了。

我的妙计是通过CSS的背景图来对模板改头换面,让大家熟悉的界面彻底消失最终变成你个性化的样式。具体步骤是先构思一个界面样式,在PS里边画一个,这跟我们熟悉的网站制作没有什么区别。我依然定义的是一个基于990宽度的界面,因为这个宽度对1024和1280的显示分辩都很友好,在博客后台选择最最简单的那个两栏模板,根据你背景图片的定位和色彩逐条增加效果和区块,具体就不多说了,可以参考源文件。需要强调的是,这种方法可以非常轻松的实现界面变化,无论构图,色彩及样式,个人感觉是个性化博客的最佳方法。

这个模板仅仅是自己玩儿随手弄的,不知道有没有错误,没有认真测试,目前在IE6,XP下似乎正常,支持1024和1280两种分辨率,文件中已经包括了文章readmore的实现方法。演示效果:DEMO,源文件下载:hecao-bloggerbeta-template.rar。依然鼓励四处传播,乱修乱改,要交流请留言。切记改前备份!

如有更多不清楚之处,请参考旧文:如何修改圆角 JSON实现内容调用 关于模板修改
发布禾草唐楷 禾草唐楷镜像

5 条评论:

crane 说...

搜索竟然到了你的站,竟然是2006年的,顺便留个言。

匿名 说...

我居然也搜索到了,就留个言吧

※慧※ 说...

一样……
搜到的……
路过……
留言……

Zaqsa 说...

同楼上几位~
路过
顺便祝博主新年快乐~

TonySoon 说...

你的站,竟然是2006年 = =