修改blogger宽度主要是在修改模板html内的宽度数值以及背景图片。我选择的模板是TicTac Blue，研究了半天如何修改然后就是开始动工。
宽度有关的主要是修改下面几段代码中的width值，#outer-wrapper, #content-wrapper, #main, #sidebar。这几部分的关系如下：
    #outer-wrapper指的是整体页面大小的相关设定...
    #content-wrapper指的是中间内容的相关设定...
#content-wrapper又包含了主要内容(左)和侧边栏(右)两边... 分别是#main和#sidebar...

因此他們的層級的關係大概如下...因此他们的层级的关系大概如下...
- outer-wrapper
- content-wrapper
    - main
    - sidebar
根据需要，将除sidebar的width增加200，这样除了图片以外页面宽度就增加了200。
对于图片，根据html内的图片链接，分别是bottom_sash_left.gif, bottom_sill.gif, tile_left.gif, top_div_blue_left.gif, top_h1.gif。用photo修改这几个图片之后发送到picasaweb.com，这样在html编辑的时候将这些图片链接改成picasa的链接就可以了。
修改后的html代码举例如下，其中黑体字部分为修改内容：

#outer-wrapper {
width: 1047px;
margin: 0px auto 0;
text-align: $startSide;
font: $bodyfont;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFrha6CM-P6jgu_DQJ3kuFQt-sKMe7kLHlvc_mB09UCl1jwEEsvXdk7sWmEWvdGN24_hjRASZGdpzsw5HyoPWRYdC0bmbR1cbzSZABlTswmBJInVOmgw-mwlqw5bKwgxtaTrtsIV1cvFKM/) repeat-y;
}