TẠO POPULAR POST ĐẸP VỚI HIỆU ỨNG XOAY TRÒN

Xin chào các bạn đã quay lại Tiểu Bảo Blog 

Chắc hẳn trong số chúng ta ai cũng muốn có một popular post hay còn được gọi là "bài đăng phổ biến, bài đăng được xem nhiều trong tuần" đẹp, vậy thì hôm nay mình sẽ hướng dẫn các bạn làm bắt đầu thôi nào.

CÁC BƯỚC THỰC HIỆN

Bước 1: Các bạn điều chỉnh cấu hình bài đăng phổ biến như hình dưới

Bước 2: Tìm thẻ ]]></b:skin> và dán đoạn code sau đây phía trên nó

.PopularPosts .item-title{font-weight:bold;padding-bottom:0.2em;text-shadow:0px 1px 0px #fff;}.PopularPosts .widget-content ul li{padding:0.7em 0;background:none}.PopularPosts img{border: 2px solid #FFF;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;padding-right: 0em;height: 5.4em;width: 5.6em;box-shadow: 0px 0px 6px rgba(14, 21, 34, 1);-webkit-transition: all 0.5s ease;}.PopularPosts img:hover {-webkit-transform: rotate(360deg);}.PopularPosts .item-thumbnail {margin: 0 5px 0px 5px;}

Bước 3: Lưu chủ đề, và tận hưởng thôi.

TỔNG KẾT

Thế là xong đã có một style popular post đẹp cho blog của mình, các bạn thấy thế nào về bài viết này thì nhận xét bên dưới nha, có thể xem hiệu ứng của nó tại trang chủ blog của mình !