Cara Membuat Popular Post Keren Warna Warni di Blog

Cara Mudah Membuat Popular Post Keren - Selamat Malam, Kali ini bacaan gratis akan membahas tentang cara membuat populer post keren di blog. Sebelum kita melihat cara membuat populer post keren sedikit informasi mengenai populer post.

Popular Post adalah Beberapa artikel yang populer, banyak di lihat oleh para pengunjung blog. Di setiap blog memiliki artikel populer yang berbeda - beda. Bagaimana cara membuat popular post keren efek warna-warni ? caranya mudah kok silahkan anda lihat di bawah ini.

Cara Membuat Popular Post di Blog


Membuat Popular Post Keren Warna Warni di Blog

Banyak artikel yang membahas cara membuat populer post berjalan di blog, membuat populer post bergerak di blog, membuat populer post dengan scroll, membuat populer post dengan thumbnail dan masih banyak lainnya. Tetapi kali ini bacaan gratis akan membahasa tentang membuat populer post keren saja, cara membuat populer post yang lain akan menyusul :)

Tutorial Membuat Popular Post Keren di Blogspot dengan Mudah

1. Login blog anda
2. silahkan anda tambahakan widget popular post
Membuat Popular Post Keren Warna Warni di Blog
3. Masuk ke Template - Edit Template
4. Cari kode script ]]></b:skin> atau </style> dengan cara menekan ctrl + F pada keybord anda
5. Letakan kode script di bawah ini tepat di atas kode ]]></b:skin> atau </style>
/*Custom Popular Post*/
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:.5em 0;list-style:none;color:black;counter-reset:num}
.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}
.PopularPosts ul li a{color:#fff!important}
.PopularPosts ul li a:hover{color:#2c3e50!important}
.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}
.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}
/* Pengaturan Warna */
.PopularPosts ul li:nth-child(1){background-color:#f1c40f;}
.PopularPosts ul li:nth-child(2){background-color:#f39c12;}
.PopularPosts ul li:nth-child(3){background-color:#2ecc71;}
.PopularPosts ul li:nth-child(4){background-color:#27ae60;}
.PopularPosts ul li:nth-child(5){background-color:#e67e22;}
.PopularPosts ul li:nth-child(6){background-color:#d35400;}
.PopularPosts ul li:nth-child(7){background-color:#3498db;}
.PopularPosts ul li:nth-child(8){background-color:#2980b9;}
.PopularPosts ul li:nth-child(9){background-color:#ea6153;}
.PopularPosts ul li:nth-child(10){background-color:#c0392b;}
.PopularPosts .item-thumbnail{margin:0 0 0 0}
.PopularPosts .item-snippet{font-size:11px}

Keterangan.
  • Warna latar belakang mengganti bagian background-color:#f1c40f Sesuaikan dengan warna keinginan anda.

Demikian artikel tentang membuat populer pot keren warna warni di blog, semoga bermanfaat.
Cara Membuat Popular Post Keren Warna Warni di Blog | Ferdian Dinata | 5

0 komentar:

Posting Komentar