Cara Menghapus Hitungan Angka Pada Widget Popular Post Template Evo Magz

Blogging By Ahmad Alfan Taufiq 3 Comments

Selamat datang,

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.

Cara Menghapus Hitungan Angka Pada Widget Popular Post

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.

.PopularPosts ul li {
    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.

.PopularPosts ul li {
    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)

.PopularPosts ul li:before {
    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: