Kamis, 06 September 2012

Membuat Popular Post Versi Bingkai di Blog

Membuat Popular Post Versi Bingkai di Blog - Kali ini postingan BLOGNYA SI IMIN 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 BLOGNYA SI IMIN 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^^

Tidak ada komentar:

Posting Komentar