Blogger模板修改

稍微修改了一下blogger的模板。我是想要像live space那样的样式。可惜没有找到相关的教程。只能先用从blogger推荐的模板修改了一下。缺点是blogger推荐的模板大多是800*600的显示模式下观赏的界面。我们要做的是将一些像素width的参数，从像素的px值，改成%。这样的考虑一方面现在的宽屏的显示模式下，不会显得浪费空间；另一方面黄金比例0.618好修改一些。

1.我选择的模板

Blogger Template Style
Name: Stretch Denim
Designer: Darren Delaye
URL: www.DarrenDelaye.com
Date: 11 Jul 2006

2.我修改的几个内容

①<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"type="color" default="#ffffff" value="#ffffff">

默认的背景颜色很难看。有需要的可以用dreamweaver修改的时候看看颜色代码。

②#header-wrapper {
margin:0 6.18%;

1.这里margin后面可以跟3个或者更多参数，我还没搞清楚什么是repeat,no-repeat，我估计是上下左右的分别对待。所以只是在原来1%的基础上修改了一下。。2.至于为什么是6.18是因为和0.618相似，可以好记一些。3.我个人觉得留些空白稍微多一些，这样每一行字30-40个字左右，看起来比较舒服。可以做到一目十行。

③#content-wrapper {
margin: 0 6.18%;

wrapper可以理解成frame的概念吗？我不懂。但可以理解的是指那个包含着widget的对象框。

④#main-wrapper {
margin-left: 1%;
width: 61.8%;

这个是主题框。

⑤#sidebar-wrapper {
margin-right: 1%;
width: 28%;
float: right;

网上关于blog布局的电子，称之为blogger hacks，有不少不错的点子。可是我觉得blog的华丽的布局有些会影响浏览内容、速度。我看过的一个原google的员工，后来进房地产公司工作的员工的blog,我觉得他的布局很漂亮，可惜忘记了那个员工的blog了。