Popular Post dùng để đăng các bài viết được xem nhiều nhất, Popular là phổ biến. Với tiện ích Popular Post người sẽ tìm thấy bài viết nổi bật một cách nhanh chóng. Bài viết này sẽ hướng dẫn mọi người làm cách như thế nào để có thể tạo Tiện ích Popular Post cho Blogger có hiệu ứng đẹp mắt nhất.
Hướng dẫn tạo Tiện ích Popular Posts đẹp cho Blogger
Bước 1. Đăng nhập vào BlogBước 2. Vào mẫu (Template)
Bước 3. Chọn Thêm Tiện ích (Add Widget)
Bước 4. Bấm chọn vào bài đăng phổ Biến (Popular Posts)
Bước 5. Save lại
Bước 1. Đăng nhập vào blog
Bước 2. Chọn mẫu (template)
Bước 3. Chọn chỉnh sửa HTML.
Bước 4. Chèn đoạn code dưới đây trước thẻ ]]></b:skin> :
.PopularPosts .widget-content ul li{padding:0;position:relative}
.item-snippet {font-size: 90%;line-height: 1.2em;position:
absolute;width: 230px;background-color: whiteSmoke;padding:
7px;border-top: 2px solid #FF0202;z-index: 2;left: 300px;top:
60%;height: 4.5em!important;visibility: hidden;opacity: 0;transition:
all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition: all 0.6s
cubic-bezier(1,2,0,0) 0s;-webkit-transition: all 0.6s
cubic-bezier(1,2,0,0) 0s;-o-transition: all 0.6s cubic-bezier(1,2,0,0)
0s;}
.PopularPosts .widget-content ul li:hover .item-snippet{left:60px;opacity:1;visibility:visible}
.PopularPosts img{width:50px;height:50px}
.PopularPosts .item-title{font-family:’Open Sans Condensed’,"Arial Narrow",Arial,sans-serif;font-size:125%}[/css]
Bạn sé hết sức ngac nhiên với Tiện ích Popular Post cho Blogger có hiệu ứng đẹp mắt nhất này, mình tin rằng blog của bạn sẽ đẹp hơn rất nhiều đấy!
