Chia bài đăng trong nhãn label thành 2 cột

Chia bài đăng trong nhãn label thành 2 cột

Khác hẳn với bài viết: Code phân chia bố cục tiện ích 2 cột
Sự khác nhau ở chỗ, tro bài viết này, các nhãn trong label được mặc định chia làm 2 phần, trong khi đó ở Code phân chia bố cục tiện ích 2 cột thì sẽ dễ dàng hơn trong việc tùy chỉnh theo ý của người dùng.

Chia nhãn label thành 2 cột tạo sự thân thiện dễ chịu cho người xem mang lại hiệu quả tốt cho Website của bạn.

Hay làm theo hướng dẫn theo Thiết Kế Web cùng các bước dưới đây nhé!

1. Đăng nhập vào tài khoản Blogger
2. Vào Mẫu (Tempalte)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Tìm đến code bên dưới hoặc tương tự

.post {
margin:0px 3px 5px 0px ;
padding:5px;
}
.post h3 {
font-size:160%;
font-weight:bold;
margin:3px;
padding:0px;
}
.post h3 a {
color:#0000ff;
}
.post h3 a:hover {
color:#666;
}

5. Thay toàn bộ code vừa tìm được thành code bên dưới

.post {
background:none;
margin-right:0px;
padding:5px;
width:100%;}
.post h3 {
font-size:14px; /* cỡ chữ của tiêu đề bài viết*/
font-weight:bold;
margin:3px;
padding:0px;
}
.post h3 a {
color:#0000ff; /* màu chữ của tiêu đề bài viết*/
}
.post h3 a:hover {
color:#666; /* màu chữ của tiêu đề bài viết khi rê chuột*/
}

6. Bạn chèn tiếp code bên dưới vào ngay trước thẻ </head>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style type='text/css'>
.post {
width:48%;
float:left;
margin:0px 3px 5px 0px ;
padding:5px;
background:#eee; /* màu nền của bài viết*/
}
</style>
</b:if>

7. Lưu mẫu lại