Cara Menambah Widget Populer Pos Keren

Popular Post Widget

Populer post widget dalam widget blogger tampilannya hanya biasa , tetapi untuk memberikan tampilan baru yang dibutuhkan untuk membuat beberapa perubahan dalam CSS dalam coding atau java script. Hari ini kita menyediakan widget populer yang indah dan cantik untuk blogger anda. Dengan efek hover yang mengagumkan. 

Populer post widget dapat ditempatkan di sisi kanan blogger dan juga membuat perhatian 

bagi pengunjung untuk menambahkan widget ini. Anda dapat membuat kesan yang baik pada pengunjung blog anda. Sehingga ketika pengunjung menampilkan posting ini dan jika ini membuat menarik pengunjung maka pengunjung pasti klik di postingan anda dan pengunjung ini menjadi pembaca setia Anda. Jadi untuk alasan ini kami menyediakan Popular Posts widget untuk Blogger juga membuat terlihat profesional untuk template Anda.

Untuk menambahkan widget ini di Blogger Anda ikuti langkah-langkah ini :

1. Login Blogger kemudian klik tab pada bagian sebelah kiri Tata Letak 
2. Tambahkan gadget
3. Sekarang pilih Popular Posts widget

Ikuti dan sesuaikan dengan menu pada gambar

4. Dan Klik Tombol  Save 

Sekarang bagian kedua adalah menambahkan kode CSS untuk memasang widget :

1. Pergi Untuk Blogger > Template 
2. Klik pada Edit HTML

Pasang Script ini

1. Klik Panah Hitam untuk memperluas coding 
2. Sekarang cari </ b: skin> menggunakan ctrl + f 
3. Paste kode berikut Di atas </ b: skin> 

/*--- Bingang Bingung Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/S
modosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

Sekarang klik Simpan Template dan Anda selesai!