blogspot 页面宽度调整

1从blogger后台进入"布局-修改HTML"。注意先check"扩展窗口小部件模板"，这样会显示完整的模板文件。

2将模板文件copy到文本编辑器，找到"Outer-Wrapper"域，调整该域下面"#outer-wrapper"、"#main-wrapper"、"#sidebar-wrapper"项目中的"width"即可：

#outer-wrapper {

width: 800px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

#main-wrapper {

width: 550px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

#sidebar-wrapper {

width: 220px;

float: $startSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}