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>
<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;
}
clear:both;
}
.footer-column {
padding: 10px;
}
5. Cuối cùng save template lại
Ý kiến bạn đọc [ 0 ]
Ý kiến của bạn