Info Tentang Cara Membuat Populer Post Keren Warna-Warni Terbaru Update Terbaru 2017 Gratis

Sedikit Info Seputar Cara Membuat Populer Post Keren Warna-Warni Terbaru Terbaru 2017 - Hay gaes kali ini team Blog Semprol, kali ini akan membahas artikel dengan judul Cara Membuat Populer Post Keren Warna-Warni Terbaru, kami selaku Team Blog Semprol telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Blog Semprol. semoga isi postingan tentang Artikel Blogspot, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara Membuat Populer Post Keren Warna-Warni Terbaru Full Update Terbaru
link: Cara Membuat Populer Post Keren Warna-Warni Terbaru

Artikel Terbaru Cara Membuat Populer Post Keren Warna-Warni Terbaru Update Terlengkap 2017

Cara Membuat Populer Post Keren Warna-Warni Terbaru

Cara Membuat Populer Post Keren Warna-Warni Terbaru,Pada postingan ini saya akan share tutorial cara memasang Entri Populer keren berwarna warni di blog anda,sebelum saya melanjutkan cara membuat entri populer keren berwarna-warni silahkan anda baca artikel di bawah ini.

Pengertian Entri Populer / populer post yaitu salah satu artikel kita yang lagi populer atau banyak di cari orang lain , pada semua blog pasti menampilkan artikel yang paling terpopuler tentunya pasti berbeda-beda ya.Pada artikel saya kali ini membahas tentang cara menampilkan Entri Populer / populer post yang keren dan berwarna yang berbeda-beda.

Setelah saya telusuri di mbah google bayak sekali teman-teman yang juga share tutorial cara membuat populer post berjalan,bergerak dan banyak artikel yang lainya ,kali ini saya membuat populer post yang sederhana tapi keren dan berwarna warni sob.

Cara Membuat Populer Post Berwarna-Warni

1. pastinya anda harus punya Blog dahulu

2. Masuk di Dosbord

3. Tata Letak >klik Tambah Gadget 

4.  pilih Enteri Populer 

5. jangan lupa klik Simpan

6. Selanjutnya pilih Template > Edit Template

7. Silahkan anda cari kode script ]]></b:skin> dan </style> untuk percepat pencarian tekan CTRL + F 

8. Letakan kode script di bawah pas di atas kode ]]></b:skin> dan </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}

 9.Simpan Template dan lihat hasilnya.


Untuk background-color:#f1c40f beguna untuk menganti latar belakang,gantilah degan warna kesukaan kalian masing-masing.

Selesai begitulah sob tutorial cara membuat Entri populer berwarna warni.

Itulah sedikit Artikel Cara Membuat Populer Post Keren Warna-Warni Terbaru terbaru dari kami

Semoga artikel Cara Membuat Populer Post Keren Warna-Warni Terbaru yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Blog Semprol. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Artikel Tentang Cara Membuat Populer Post Keren Warna-Warni Terbaru