Membuat Popular Post Versi Bingkai di Blog

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^^