Membuat Popular Post Versi Bingkai di Blog

Kali ini postingan nona Misske akan memaparkan tentang bagaimana cara membuat popular post versi bingkai di blog. Kebanyakan para blogger newbie pasti menambahkan widget popular post (Artikel Terpopuler) bawaan blogger. Sebenarnya kalau di otak-atik kode CSS nya mungkin akan lebih terlihat rapi dan keren.  Seperti yang akan saya posting di blog saya ini. Dibawah ini merupakan screen shot hasil penambahan kode css pada widget popular post bawaan blogger.

Mau tahu bagaimana caranya? Lihat di bawah ini:

1. Masuk ke Blogger.com

2. Klik Tata Letak lalu pilih Tambah Gadget, kemudian Pilih "Entri Populer / Popular Post". Tampilkan hanya        gambarnya saja.

3. Simpan template

4. Setelah itu kita masuk ke menu Template lalu klik Edit HTML. Kemudian centang "Expand Widget Template" Lalu cari kode ]]></b:skin>, gunakan ctrl + f untuk pencarian.

5. Salin kode di bawah ini dan letakkan di atas kode ]]></b:skin>.

    .PopularPosts .item-thumbnail {

    padding: 3px;

    border: 1px solid #999;

    background-color: #fff;

    }

    .PopularPosts img {

    height: 36px;

    width: 36px;

    }

    .PopularPosts .widget-content ul li {

    list-style: none;

    }

6. Simpan template 

Selamat mencoba dan Semoga Bermanfaat^^