[Blog*Spot] 我是如何把页面变宽的？

HowField 问我说：

我的blogger页面怎么没有你的宽，怎么设置？

现在就来回答这个问题 :-)

1) Dashboard -> Template，将出现 HTML 方式的模板编辑框。

注意：我用的是旧版本的 Blogger，如果你使用的是 Beta 版的，进入 HTML 模板编辑的路径会有所不同： 需要在 Template 页面选 HTML 方式。

2) 修改页面头部 (Header) 宽度。如果单单修改 3)，上下不协调，不好看。

/* Header
----------------------------------------------- */
#header {
  width:760px;
  margin:0 auto 10px;
  border:1px solid #ccc;
  }

3) 修改页面主体内容 (Content) 宽度，分为主要内容 (main) 和边栏 (sidebar) 两部分。

/* Content
----------------------------------------------- */
#content {
  width:760px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }
#main {
  width:450px;
  float:left;
  }
#sidebar {
  width:240px;
  float:right;
  }

 

4) Save Template Changes -> Republish，保存并重新发布。Beta 版不需要重新发布。

--
完美生活: 青春的岁月，我们身不由己；只因这胸中，燃烧的梦想。
http://jicknan.blogspot.com/