Blogger 版面大小更改語法 800*600 變成 1024*768

根據HBS的教學，簡單地打些筆記如下所示，如果有問題，請向HBS詢問。

-----

一、大原則

除了改寬度 就只有改圖的路徑。

二、改圖原則

修改圖片有兩個技巧：

1. 一種是訂好版面大小 再直接拉寬就好。
2. 一種是要補上不足的圖寬，因為 直接拉會對不齊。

三、圖片名稱

bottom_sash_left.gif
bottom_sill.gif
comments_curve.gif
sidebar_bg.gif
tile_left.gif
top_div_left.gif
top_h1.gif

修改之後，將圖片上傳到自己的網頁空間中，再更換語法裡面的檔案路徑即可。

四、語法修改

#outer-wrapper {
width: 847px;

847 改成 1024

#content-wrapper {
margin-$startSide: 42px; /* to avoid the border image */
width: 763px;

763 改成 962

#main {
float: $startSide;
width: 460px;
margin-top: 20px;

460 改成 650

#sidebar {
float: $endSide;
width: 259px;
padding-top: 20px;

259 改成 300