Tùy chỉnh Popular Posts của blogger đẹp như ý

Bạn thân mến. tiếp theo loạt bài chia sẻ thủ thuật về blogger, hôm nay mình xin chia sẻ đến các bạn cách "TÙY CHỈNH Popular Post" sao cho đẹp và thân thiện hơn.



Bước 1: Tạo một tiện ích Popular post (Nếu blog bạn đã có tiện ích Popular post rồi thì có thể bỏ qua bước này tiến hành luôn bước 2)

1- Đăng nhập vào Blog
2- Vào mẫu (Template)
3- Chọn Thêm Tiện ích (Add Widget)
4. Bấm chọn mục bài đăng phổ Biến (Popular Post), sau đó bấm lưu lại.

 Bước 2: Tùy chỉnh tiện ích Popular post.

1- Đăng nhập vào blog
2- Chọn mẫu (template)
3- Chọn chỉnh sửa HTML.
4- Copy đoạn code bên dưới:

/*--- http://longmarketing.blogspot.com/ Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrPt9xmYTy6w3JF3hlCKOdHxpbDdColh3X-rIsoL-Rb1DKNbS2Ppwnx1LknCYgYSxsuTVVA4KFkUB1vvbhidC8fYYE81vBTLFFOMWjm9t8yX8MOIi9TxA8S6qcTXw4D5_RA3PftnB9M_4/h120/green-star-namkna-blogspot-com.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #FF0000;
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;
}

5- Dán mã đã copy ở trên trước thẻ ]]></b:skin>

Sau đó bấm lưu mẫu. Vậy là bạn đã có 1 Popular Post đẹp.

Chúc các bạn thành công nhé.