Cara Membuat Popular Post Simple dan Sederhana di Blog

Emenespy ~ Siang para blogger sekalian :D mumpung kagak ada kerjaan lagi hari ini, saya mau membagikan tutorial "Cara Membuat Popular Post Simple dan Sederhana di Blog" untuk blogger yang sana, hehe...

Popular Post bagi saya sangat berguna bila dipasang di blog, menampilkan entri yang paling banyak dikunjungi atau dibuka oleh pengunjung blog, sehingga membuat orang yang mengunjungi untuk pertama kalinya dapat melihat konten yang paling populer dan berkemungkinan besar juga turut untuk membuka konten tersebut.

Sebenarnya Popular Post sendiri telah ada bawaan dari blogger dan tinggal dipasang, sudah selesai, namun saya kurang puas dengan tampilannya, oleh karena itu saya buat menjadi sangat simple dan sederhana, jika penasaran lihat penampakannya di gambar atas:

Jika kalian memakai template yang bukan bawaan dari blogger, melainkan template buatan orang lain seperti template Mas Sugeng, Mbak Arlina, dll, makatampilan popular postnya sudah disesuaikan dengan template tersebut.

Dikarnakan saya tidak memakai orang dan hanya memakai template bawaan blogger, jadi saya harus membuat sendiri tampilan yang pas bagi blog saya. Jika sahabat blogger berminat denagn tampilan popular post seperti dalam demo tadi, silahkan ikuti caranya berikut ini:

• Login ke akun blogger kalian masing-masing
• Pilih tata letak kemudian pilih tambahkan gadget
• Akan ada banyak pilihan, scroll ke bawah dan pilih "Entri Popular", hilangkan ceklist pada thumbanil gambar dan cuplikan, kemudian simpan

• Sampai disini tampilannya belum sempurna, lanjut tahap selanjutnya
• Cari code di bawah ini di edit html

.widget .popular-posts ul {
  list-style: none;
}

• Jika telah ketemu, hapus kode diatas dan gantikan dengan kode di bawah ini

.widget .popular-posts ul {
    width:auto;
    padding:0 10px;
    margin:0 auto;
    border:1px solid #ddd;
}
.popular-posts ul,.popular-posts li {
    list-style:none;
}
.popular-posts a{
    text-decoration:none;
}
.popular-posts li{
    border-top:1px solid #ddd;
    padding:6px 0
}
.popular-posts li:first-child{
    border-top:none;
}

• Klik simpan template, dan selesai sudah...

Sekarang silahkan kalian lihat tampilannya di blog sahabat sekalian, jika ada keluhan seputar cara diatas, agan bisa comment di bawah ini.

Perlu diingat, cara ini saya terapkan pada blog yang bertemplate bawaan blogger, dan saya tidak tahu apakah template yang bukan bawaan blogger bisa atau tidak. Namun apa salahnya bila bila dicoba, betul tidak ?

Sekian tutorial "Cara Membuat Popular Post Simple dan Sederhana di Blog".

Selamat Mencoba and Happy Blogging...