TRIK Menghilangkan Angka Pada Popular Post Evomagz

Cara Menghapus Hitungan Angka Pada Widget Popular Post Template Evo Magz

Selamat datang,sobat S3V satu TRIK pada kesemp[atan ini saya akan berbagi salah trik merubah tampilan template evo magz salah satunya adalah menghapus angka pada widget popular post template evomagz

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.

.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.