Cara Menciptakan Popular Post Simple, Ringan Dan Keren

Cara menciptakan terkenal post simple, ringan dan Keren - Populer post merupakan widget yang berfungsi untuk menampilkan artikel artikel terkenal yang ada di Blog kamu.

Berbicara soal widget terkenal post, kali ini saya hanya akan menyebarkan tutorial sederhana yakni cara menciptakan popular post lebih simple, ringan dan lebih gampang penerapannya. Populer post ini hanya menampilkan judul dan deskripsi, tapi kau juga dapat menghilangkan deskripsinya yakni hanya dengan menampilkan judul.

Untuk pemasangannya di Blog, kau dapat mengikuti panduannya di bawah ini langkah demi langkah :

Cara Memasang Popular Post di Blog

Langkah Ke-1

1. Pertama anda login keakun Blogger
2. Klik Layout/Tata letak
3. Klik tombol Tambah Gatget
4. Pilih Entri populer

5 Simpan

Langkah Ke-2

1. Login ke akun Blogger
2. klik Template dan Edit HTML
3. Copy instruksi CSS berikut, letakkan sebelum instruksi ]]></b:skin>

/* Popular Post by aak-share */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRczEuQJd8_V2sX0Ma6VXRd80E2S-kUF5JffJMjdLJ8zPwko6QgnaMYIWnECC20FS48jGfkWzGgunN8pLiLLrZZXbi2jN4pzSLp8WI5SNfKUJU_-9WbjB5DujH_dqyZD3ZaXTv236Tn_x/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
/*--- End Popular Posts by aak-share --- */

4. Simpan template

Hasilnya :

Populer Post Simple dengan gambar

Populer Post Simple tanpa gambar

Bagai mana sobat, simpel, ringan dan keren bukan. Cukup sekian dulu yan sobat, demikian saya sampaikan Cara Membuat Popular Post Simpel Ringan Keren. Terimakasih dan biar bermanfaat.

Sumber http://www.websiteedukasi.com/