Home Tutorial Bloger Tutorial Cara Membuat Widget Popular Post Dengan Tampilan Lebih Menarik

Tutorial Cara Membuat Widget Popular Post Dengan Tampilan Lebih Menarik

Tutorial Cara Membuat Tampilan Widget Popular Post Yang Menarik

Popular post merupakan salah satu widget yang mempunyai fungsi yang sangat penting dimana selain berfungsi sebagai navigasi bagi para pembaca, dengan adanya widget popular post ini juga kita bisa mengetahui artikel mana yang sering di buka oleh para pengunjunga yang sering melihat blog kita sendiri.

Pada artikel Tutorial Cara Membuat Widget Popular Post Dengan Tampilan Lebih Menarik ini akan membahas tentang bagaimana cara membuat popular post yang sedikit berbeda akan tetapi memiliki tampilan yang sangat menarik. untuk demo nya bisa kita lihat pada tampilan popular post yang terdapat di blog ini. Untuk Langkah -langkah nya sangat lah mudah hampir sama dengan tutorial Cara Menghilangkan Tulisan Diberdayakan Oleh Blogger Pada Blogspot

Langkah-langkah nya yaitu :

1. Seperti biasa loggin blogger terlebih dahulu
2.Masuk menu Template
3. Pilih Edit HTML

Tutorial Cara Membuat Widget Popular Post Dengan Tampilan Lebih Menarik

4. Cari kode ]]></b:skin> (Gunakan ctrl+F untuk memudahkan pencarian)
" Taruh kode 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}

Sekian Artikel Tutorial Cara Membuat Widget Popular Post Dengan Tampilan Lebih Menarik semoga bermanfaat

--------- Selamat Mencoba ---------

blog.clas.web.id | Tutorial Cara Membuat Widget Popular Post Dengan Tampilan Lebih Menarik