Popular Post widget bài viết phổ biến cho Blogger Blogspot.

Popular Post widget bài viết (đăng) phổ biến đa màu sắc đẹp cho blogger blogspot là một thủ thuật tiện ích hiển thị bai viet pho bien cho blogger, có thể hiển thị hình ảnh thu nhỏ (thumbnail) hoặc không. Popular Post widget cần phải trang trí để thay đổi tạo nên điều gì đó mới lạ cho blogger của bạn, vì vậy với bài viết này giới thiệu và chia sẻ với mọi người code tạo Popular Post widget bài viết phổ biến cho Blogger Blogspot.

Xem chi tiết: Popular post cho blogger 7 sắc vồng cực đẹp

Continue Reading

Tiện ích Popular Post cho Blogger có hiệu ứng đẹp mắt nhất

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 Blog
Bướ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

Tiếp theo, chúng ta sẽ tạo hiệu ứng cho tiện ích vừa tạo
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!

Continue Reading