Cara Membuat Tampilan Popular Post Lebih Menarik

Popular post/artikel populer adalah artikel yang banyak dilihat oleh pengunjung. Pada kali ini saya mencoba modifikasi popular post menjadi keren dan warna - warni dengan memanfaatkan CSS Pseudo Element dan nth-child sehingga tampilannya menjadi lebih menarik dan enak untuk dilihat.

Tutorial berikut ini tentang Cara Mengubah Tampilan Popular Post Menjadi Lebih Keren. Dengan memodifikasi tampilan popular post menjadi lebih keren maka akan lebih menarik pengunjung untuk meliat artikel terpopular di blog anda, dan hal ini bisa juga untuk meningkatkan pageview blog anda.

Bukan hanya bisa untuk menarik perhatian pengunjung, karena tampilan popular post yang keren juga bisa untuk menambah blog anda semakin keren dipandang mata, dan juga hal ini bisa agar pengunjung betah berlama-lama di blog anda.

Cara Membuat Tampilan Popular Post Lebih Keren

Cara Membuat Tampilan Popular Post Lebih Menarik

Cara memasang di Blog :

1. Pastikan Sobat Telah Login di Blogger Sobat dan Pastikan telah memasang Widget Popular Post bawaan Blogger.

2. Klik Tap Template di Bawah Tata Telatak

3. Klik Edit HTML

4. Cari Kode ]]></b:skin>

5. Atau Tekan Tombol CTRL + F Tulis Kode Ini : ]]></b:skin>

6. Setelah Ketemu Copy Letakkan Script di bawah ini di Atas Kode ]]></b:skin>

.popular-posts ul li{background:#FFF url(http://www.seocips.com/) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.popular-posts ul li:hover{border:1px solid #6BB5FF}
.popular-posts ul li a:hover{text-decoration:none}

7. Contoh pemasangannya

Memang cara pemasangannya sangat mudah tetapi kalau salah menempatkan kode HTML diatas maka tampilan popular post tidak sesuai yang anda inginkan.

Dan itu saja post kali ini tentang Cara Membuat Tampilan Popular Post Lebih Menarik dan Saya ucapkan terima kasih atas kesediaannya telah berkunjung ke blog yang paling sederhana ini, Terima Kasih.

referensi:

www.jasaseoblog.com

www.seocips.com

Share 'Cara Membuat Tampilan Popular Post Lebih Menarik' On ...