Get Adobe Flash player

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. Di bawah 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

Sumber: http://fandimin.blogspot.com/2012/09/membuat-popular-post-bingkai-blog.html