Tạo Code Bài Đăng Phổ Biến (Popular Post) Nhiều Màu Sắc

Code Tạo Popular Post Nhiều Màu Sắc Cho Blogspot với hiệu ứng hình ảnh nhiều màu sắc, Popular Post Màu sắc cho blogger được nói đến với 7 sắc cầu vòng vô cùng đẹp khi trang trí cho blogspot của bạn.

Poular post nhiều màu sắc khác nhau cục đẹp

Cách tạo Popular Post cho blogspot với hiệu ứng nhiều màu sắc vô cùng đẹp sẽ mang đến cho blogspot của bạn vô cùng sinh động mát mẽ. Popular Post nhiều màu sắc cho blogger đẹp.Ngoài ra bạn cũng có thể vào trang chủ để xem nhiều Popular Post cho cho blogspot với các hiệu ứng nhiều hơn.

Hướng Dẫn Tạo Popular Post Cho Blogspot

Bước 1 : Đầu Tiên Các Bạn Đăng Nhập Vào Tài Khoản Blogger => Edit HTML => Rồi Dán Đoạn Code Bên Dưới Vào Phần <b:skin>

/* Popular Post http://bitdesinger.blogspot.com */
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{list-style:none;border:none;background:none;outline:none;margin:0;padding:0}.PopularPosts ul{list-style:none;font-size:15px;color:#fff;margin:0 !important;width:100% !important;font-weight:bold}.PopularPosts ul li img{display:block;transition:all 400ms ease-in-out;width:60px;height:60px;float:left;margin:0 15px 0 0;border:4px solid rgba(0,0,0,0.2)}.PopularPosts ul li img:hover{border:4px solid rgba(0,0,0,0.5);transition:all 400ms ease-in-out}.PopularPosts ul li{background-color:#eee;counter-increment:num;position:relative;margin:0 10% 0 0;padding:10px;height:70px;}.PopularPosts .item-title{text-overflow: ellipsis;overflow:hidden;height:64px}.PopularPosts ul li:before,.PopularPosts ul li .item-title a{font-size:15px !important;color:inherit;text-decoration:none}.PopularPosts ul li:before{content:counter(num);display:block;position:absolute;font-size:35px !important;font-weight:700;color:rgba(0,0,0,0.2);top:40%;left:9px;}
.PopularPosts ul li{margin:0 !important;padding:10px 5px 10px 40px}
.PopularPosts ul li:nth-child(1){background-color:#5d93b2}.PopularPosts ul li:nth-child(2){background-color:#67b8b3}.PopularPosts ul li:nth-child(3){background-color:#67c27a}.PopularPosts ul li:nth-child(4){background-color:#ee9f7e}.PopularPosts ul li:nth-child(5){background-color:#ea6868}.PopularPosts ul li:nth-child(6){background-color:#b65757}.PopularPosts ul li:nth-child(7){background-color:#e9c462}.PopularPosts ul li:nth-child(8){background-color:#84d558}.PopularPosts ul li:nth-child(9){background-color:#4dd38c}.PopularPosts ul li:nth-child(10){background-color:#b44d7a} 

Bước 2 : Lưu Lại Và Tận Hưởng Thành Quả Nhé.
Ngoài ra các bạn cũng có thể tạo Random Post cho blogspot và các thủ thuật blogspot khác