2006年12月24日星期日

自己动手制作BLOGGER模板

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

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

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

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

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

9 条评论:

Aviva 说...

大哥,我想订阅你的博客,怎么就每个feed的链接呢?

欢迎去我的博客 http://www.avivas.cn
或者在blogger上的博客http://blog.avivas.cn

禾草唐楷 说...

我把那堆罗唆给删掉了,变成了精致小巧的小图标,呵呵,每个博客进去都是一排订阅图片,看的难受,在每个文章的POST下边的小图里边你可以看到RSS订阅,不过我就选了2个,一个yahoo,一个googlereader。

恭喜 说...

下载了这个模版,但是打不开。请问还能不能提供正确的文件?非常感谢!

禾草唐楷 说...

恭喜,你好,谢谢你提示的错误,模板的压缩文件本身是正确的,只是空间的防下载这块可能有个控制,我放在其他空间一个备份:http://blog.xjtk.com/blogdownload/hecaotemplate.rar你再下载使用吧:-)

恭喜 说...

收到,非常非常感谢 :D

亞一 说...

呵呵~~我又来了,还记得吗?
好久没有上博客了~有些问题还是得向您请教啊~~能去我的blog走一趟吗,我想弄一个相册,但是总是在加的时候出错误,很是郁闷~~不过有您帮助,我想应该好过多了~

禾草唐楷 说...

亚一,我可是偶尔会过去看你的博客的,牛那你,抓拍到刘翔和RAIN的近照,问题怎么进去的场馆里边那,哈哈~~~

亞一 说...

那个啊,我跟看场的老太太说我们是中国人想看刘翔,她就把我带到了vip座席上,呵呵。
我那个相册问题啊,就是我想在blog上添加一个相册衔接,就和小猛blog里面的一样,我的相册那种,但是代码不会填~还有最近出现了一个问题,添加代码的时候总是出现错误,以前能用的代码都不行了,唉~我问题很多呢,先解决相册问题吧,呵呵~~我也是学设计的,不过只是美工方面的,能做出漂亮的页面但代码不会,填补进去,很郁闷~还是您厉害啊~呵呵

禾草唐楷 说...

小猛那边的相册是建立一个分类,名字叫我的相册,每篇图片文章就绑定目录名我的相册,那么你调用我的相册目录的时候肯定就都是图片文章而没有别的了。flickr有专门针对博客的相册输出,你可以注册一个flickr帐户,上传你的相片,输出支持博客调用,RSS,FLASH,比较强大,是博客中相册的很好解决办法。至于代码我没有看到,你可以把代码发个邮件给我,我看看才知道是什么问题。