Hướng dẫn chia Header blog thành 2 cột

Bạn hoàn toàn có thể chèn thêm các tiện ích vào header của Blogger chẳng hạn như Box search hoặc các quảng cáo sau khi bạn chia header của bạn thành 2 hay 3 cột khác nhau. Hướng dẫn dưới sẽ giúp bạn thực hiện điều này.

Dưới đây là hình ban đầu của template (khi chưa có chia cột)

Có nhiều cách khác nhau để chia cột cho header, ở đây mình giới thiệu với các bạn các thực hiện với templateMagazine template 1 theo thủ thuật của Fandung.
Có thể download template Magazine template 1 tại đây.

Bạn có thể thực hiện tương tự cho các Template khác

Bây giờ ta bắt đầu:

1. Đăng nhập blog
2. Vào Chỉnh sửa Code HTML
3. Tìm đọan code bên dưới

* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}

4. Thay thế chúng bằng đọan code sau

/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}

5. Xuống thấp hơn tìm đọan code sau (hoặc tương tự):

6. Thay thế chúng bằng đọan code sau: