Cara Membuat Tampilan Populer Post Dengan Border

Untuk Menampilkan halaman atau widget Populer post dengan teratur dan memakai bingkai border sehingga menambah nilai seni design pada blog dan juga mempercantik tampilan blog anda perlu melakukan pengeditan dengan cara menambah beberapa code html pada halaman edit html Template blog anda.

Nah, untuk melakukan pengeditan dan yang perlu anda lakukan adalah dengan cara menambahkan atau menyisipkan code html berikut ini.

1. Login ke Blogger.com

2. Klik Tata Letak --> Tambah Gadget --> Pilih "Entri Populer". Nah untuk setiingan-nya terserah kamu mau menampilkan berapa artikel, boleh 7, 8 , atau 10. Jangan lupa untuk menampilkan gambarnya saja ! kalau pake cuplikan postingan juga ribet hehe.

3. Simpan template, tetapi masih belum selesai nih.

4. Sekarang Clik Template --> Edit HTML --> Kamu cari Code: ]]></b:skin>, Gunakan CTRL + F untuk memudahkan pencarian.

5. Kemudian Copy Code Dibawah ini dan Pastekan tempat di atas code : ]]></b:skin>.

Code :
.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;
    }
Setelah itu, save template anda dan lihat hasilnya.