Cara Membuat Popular Post Simple, Ringan dan Keren

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

Berbicara soal widget populer post, kali ini saya hanya akan berbagi tutorial sederhana yaitu cara membuat popular post lebih simple, ringan dan lebih mudah penerapannya. Populer post ini hanya menampilkan judul dan deskripsi, tapi kamu juga bisa menghilangkan deskripsinya yakni hanya dengan menampilkan judul.

Untuk pemasangannya di Blog, kamu bisa 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 kode CSS berikut, letakkan sebelum kode ]]></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/AVvXsEgX5kaKFmV2r81vvOok23uJG2b0qRqLM0caEkDndGx32HN1sWZ7dsPL0jm5gRy0D4-JvujKaP2uMDCZIzucT1Be2iSMu8oRL0m_svtxPg9gWHb7FUcYqYAT0eYtkPffutWEGWfBoqrQDHYo/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 semoga bermanfaat.

Subscribe to receive free email updates: