Cara Menghapus Hitungan Angka Pada Widget Popular Post Template Evo Magz
Cara Menghapus Hitungan Angka Widget Popular Post – Salah satu tampilan yang menjadi ciri khas template Evomagz adalah ‘Num Count’ atau hitungan angka yang biasanya bisa kita jumpai pada widget popular post di sidebar.
Jika Anda belum memiliki gambaran tentang apa yang saya maksud, kira – kira penampakannya seperti gambar di bawah ini.
Untuk Anda yang merasa kurang nyaman dan ingin menghilangkan num count tersebut, silahkan ikuti beberapa langkah mudah berikut.
Kode CSS yang Perlu dirubah dan Hapus
Kunjungi dashboard blog Anda, masuk Edit HTML lalu cari rangkaian kode di bawah ini.
background-color:#eee;
margin:0 0 0 0 !important;
padding:10px 20px 10px 10px !important;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:bold;
color:#000 !important;
text-decoration:none;
}
Hapus seluruh kode di atas, kemudian ganti dengan kode berikut ini.
margin:0 0 0 0 !important; padding:10px 20px 10px 10px !important; border-bottom:1px solid #dcdcdc; list-style: none; }
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:bold;
color:#00af03 !important;
text-decoration:none;
}
Agar benar – benar terhapus, Anda perlu untuk merubah sedikit kode pada baris kode di bawahnya, perhatikan rangkaian kode ini. ( Letak rangkaian kode berikut persis ada di bawah kode yang kita rubah tadi)
content:counter(num) !important;
font-family:arial, sans-serif !important;
font-size:12px;
font-weight:bold !important;
display:block;
position:absolute;
………
………
………
………
Keterangan :
Hapus counter (num) yang saya beri tanda merah lalu ganti dengan ‘None’, jika sudah jangan lupa untuk Simpan dan lihat hasilnya.
Sebenarnya tampilan hitungan angka atau numb count ini sudah banyak digunakan pada template selain evomagz.
Mungkin hal tersebut dianggap keren beberapa tahun yang lalu, saya kurang tau, namun yang jelas numb count agak merusak tampilan pada sidebar, kurang simple dan lain sebagainya menurut pandangan saya pribadi.
Sekian terima kasih, semoga bermanfaat. Salam.
PS. Silahkan share ulang kode di atas namun besar harapan saya agar menggunakan kalimat sendiri dan menyertakan link bagikeunlagi.com supaya hubungan baik ini terus terjaga. ?
Bisa jadi Anda perlu untuk menerapkan beberapa tutorial keren berikut ini:
- Cara Membuat Kotak Admin Blog / Widget Author Blog
- Cara Membuat Kotak Script Material Design di Postingan Blog
- Cara Membuat Kotak Script dalam Postingan Blog
- Cara Memasang Tombol Share Melayang di Samping Blog
- Cara Merubah Warna Menu Navigasi Evo Magz dengan Warna Lain
keren pisan tutorialnya, kebetulan ana pake evomagz. visit back mediatoh.com
Avomagz memang template yang merakyat ya Pak.
Sudah saya kunjungi, blognya bagus (h)
trimakasih min,,, sya pke tema evo dan ingin hapus nomornya