Mở rộng phần hiển thị nội dung bài viết

Một thủ thuật sau đây từ BlogU sẽ giúp bạn mở rộng không gian phần hiển thị nội dung bài viết của bạn trong blog. Đầu tiên bạn vào Layout > Edit HTML, sau đó bạn tìm đến đoạn mã sau:

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

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

Sau đó bạn sửa lại như ví dụ dưới đây:

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

#main-wrapper {
width: 610px;
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 */
}

Ở đây mình tăng chiều rộng thêm 200px. Công việc còn lại là lưu lại và xem kết quả.