-->

Tạo 3 Cột Phần tử ở phần Footer của Template

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'/&gt; bằng đoạn code dưới đâ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;
}

4.Save lại template và chuyển sang tab Page Elements (Phần tử trang để xem kết quả)

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

Đăng nhận xét

 
© 1999 – 2009 Google - Xem Blog tốt nhất với trình duyệt FireFoxOpera
Based on Arthemia at Blogger Templates Designs and 3 Column Minima at Free Blogger Templates | Designer : ĐinhThiênHoàn
Y!M : haimiennam | Mail : admin@dinhthienhoan.com