Sabtu, 11 Oktober 2014

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
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}
    --------- Selamat Mencoba ---------

     
                                                                                                                                                                                                                                                                   

    3 komentar:

    1. Komentar ini telah dihapus oleh administrator blog.

      BalasHapus
    2. Wuih mantap postnya, jadi pingin coba praktekkan

      BalasHapus
      Balasan
      1. iya gan :D tinggal praktek aja gan mudah kok hehe

        Hapus

    Copyright © 2012 Blog Tutorial All Right Reserved