Style Popular Posts đẹp cho blog

Bài viết này mình tiếp tục chia sẻ một style đẹp mắt nữa của widget Popular Posts. Sau đây là các bước thực hiện: 

Bước 1: Tại trang quản trị blog, các bạn vào Bố cục, tạo một tiện ích Popular Posts (Bài đăng phổ biến) và cài đặt như hình sau (đối với giao diện tiếng Anh):

Bước 2: Lưu lại. Vào Mẫu -> Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ ]]></b:skin>:

/* Popular Posts Widget / kjmagic.blogspot.com */
.popular-posts ul{padding-left:0px;} 
.popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/S
modosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) 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; 
}

Bước 3: Lưu lại và xem kết quả nhé !