Dưới đây tôi xin chia sẻ một vài thủ thuật khác, tiếp theo phần 1 đã chia sẽ đến mọi người. Mọi người xem phần đầu vui lòng vào link để cuối bài viết này
1. Thông kê bài đăng phổ biến + có hình ảnh kèm theo
Đầu tiên vào Blog => Bố cục => Thêm tiện ích => Bài đăng phổ biến => Lưu sắp xếp
Sau đó vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F trong khung code Html và nhập vào ]]></b:skin>. Chèn đoạn code
.popular-posts
ul{padding-left:0px;}
.popular-posts ul li
{background: #FFF no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts
.item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
Chú ý: Còn rất khá nhiều cách để bạn thiết kế cho mục bài đăng phổ biến này, trên đây chỉ là một cách dễ thiết kế nhất.
Không có nhận xét nào:
Đăng nhận xét