Chia chân blogger thành 3 cột

Với Blogger mặc định phần chân blog (footer) chỉ có một cột nên chúng ta sẽ khó có thể chèn thêm nhiều tiện ích. Để khắc phục tình trạng này, chúng ta có thể chia chân blog thành 3 cột để chèn thêm tiện ích dễ dàng và trông đẹp hơn. Việc này sẽ giúp cho blog trông gọn hơn không phải kéo dài trang ra khi thêm nhiều tiện ích ở chân blog.

Hình ảnh minh họa

☼ Bắt đàu thủ thuật

1. Đầu tiên bạn hãy đăng nhập vào tài khoản blogger
2. Vào bố cục chọn chỉnh sửa HTML
3. Tìm đến đoạn code bên dưới

<b:section class='footer' id='footer'>

Thay toàn bộ code trên thành code bên dưới

<div id='customize-footer-column'>
<div id='Footer1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='Col1' preferred='yes' style='float:left;'>
</div>
<div id='Footer2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='Col2' preferred='yes' style='float:left;'>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='Footer3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='Col3' preferred='yes' style='float:right;'>
</div>
<div style='clear:both;'/>
</div></div>

Bạn hãy dựa vào các code màu đỏ ở trên để chỉnh sửa độ rộng của các cột cho phù hợp.
4. Tiếp theo hãy tìm đến đến thẻ ]]></b:skin> và thêm code bên dưới vào trước nó

#customize-footer-column {
clear:both;
}
.footer-column {
padding: 10px;
}

5. Cuối cùng save template lại