Blogger의 웹페이지 폭을 넓게

구글의 Blogger의 웹페이지 폭을 늘여 쓸 수 있습니다. 참고
블로그가 2단 구성 아래와 같이 5개의 구성요소가 있습니다. (3단일 경우는 다릅니다.)

1. Outer
2. Header.
3. Post area ("Main").
4. Sidebar.
5. Footer.

유의해야 하는 것은 Outer안에 post와 sidebar가 들어가는데 서로 어느정도 간격이 있어야 합니다. 예를 들면 Outer를 800으로 하면 post를 600과 sidebar를 200으로 설정하면 안되고, 간격을 고려하여 post나 sidebar를 줄여야 합니다. Header와 Footer는 Outer에 맞게 또는 취향에 따라 다르게 정하면 됩니다.
2단구성의 Blogger에서 게시물을 작성할 때 HTML 편집을 누르고, 아래와 같이 붉은색 숫자를 변경하면 됩니다.

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}


#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: left;
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: right;
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 */
}

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;