Cara Membuat Popular Post Lebih Menarik

image
Agar tampilan blog kita lebih menarik dan tidak membuat bosen penggunjung anda bisa membuat popular postnya berbeda dari yang yang lain.Yuk kita simak langkahnya.....
  • Masuk ke Blogger.com
  • Pilih Template > Edit HTML.
  • Cari kode ]]></b:skin> dan Copy kode dibawah ini tepat diatasnya
  • Simpan dan lihat hasilnya. 
    .popular-posts ul{padding-left:0px;font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} .popular-posts ul li {background: url(#) no-repeat scroll 5px 5px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border: 1px solid #ff3030; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .popular-posts ul li:hover { background: #ffb6c1;border:1px solid #ff3030; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);height:70px;width:70px;}.popular-posts .item-thumbnail img:hover { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}
    Selamat mencoba ya???

    text gambar

    Hello sobat saya Admin blog ini, salam kenal???

    Share this

    Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di FIKAZHA

    JANGAN LEWATKAN

    Previous
    Next Post »

    3 komentar

    komentar
    3/4/16, 3:48 PM delete

    Boleh ni saya coba untuk saya terapkan pada beberapa blog saya, makash gan sudh share..salam kenal dan sukses selalu blognya

    Reply
    avatar
    3/8/16, 4:43 PM delete

    Salam kenal juga.silahkan dicoba

    Reply
    avatar
    4/5/16, 5:22 PM delete

    menarik artikelnya, kebetulan di blog saya masih standart banget tampilan popular postnya, bisa nanti saya coba. hihi

    Reply
    avatar

    ۝ Silahkan berikan komentar anda sesuai dengan aturan yang tercantum di bawah.#ThinkHIGH! ^_^
    ❖ Berkomentarlah dengan Bahasa yang Relevan dan Sopan.
    ❖ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
    ❖ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, Profokasi.
    ❖ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel [Dilarang OOT].
    ❖ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.
    ☛ Copyright © 2015 by : Fikazha ✓