Saturday, June 30, 2012

Chia Footer thành 3 cột cho theme blogger

Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
Thay thế thẻ <b:section class='footer' id='footer'/> 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>

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;
}
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2025 Sổ ghi chú
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top