[Blogger] Hướng Dẫn Chia Footer Của Blogger Thành 3 Cột


1. Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
2. Thay thế thẻ <b:section class='footer' id='footer'/> bằng đoạn code dưới đây :
(Có khi bạn chỉ cần tìm  thẻ id='footer' mới thấy)

<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;'></b:section></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: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;'></b:section></div><div style='clear:both;'/></div>
 3. Tìm thẻ ]]></b:skin> và dán đoạn code này ngay bên trên.
#customize-footer-column {clear:both;}.footer-column {padding: 10px;border-top:1px solid #D8D8D8}
4. Save lại sau đó vào trang Bố cục xem kết quả.

Chúc Các Bạn Thành Công.




Không có nhận xét nào