Cara Menghilangkan Nomor Urut Widget Popular Post Evo Magz

Iseng-iseng melihat blog tipdantrik dari salah satu browser smartphone dan hasilnya di luar dugaan, dimana penampilannya menjadi kurang bagus khususnya dalam bagian nomor urut wiget popular post. Penyebabnya karena sebagian kode css yang di gunakan tidak compatibel dengan browser tersebut.

Kebetulan tidak ada kerjaan saya langsung menghidupkan laptop, buka google chrome dan mulai melakukan Inspeksi (CTRL+Shift+I) pada bagian widget popular post dengan cara ini akhirnya saya tahu kode css yang harus di hilangkan/hapus.

Selanjutnya buka Blogger-->Login-->Tema-->Edit HTML

setelah berada dalam mode edit html tinggal mencari kode css yang akan di hapus dengan cara menekan CTRL+F maka kotak pencarian akan muncul setelah itu tuliskan kode ini .PopularPosts ul li:before dan tekan tombol enter untuk memulai pencarian.

.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;
 top:-5px;
 right:-5px;
 border-radius:16px;
 background-color:#333;
 color:#fff !important;
 width:28px;
 height:28px;
 line-height:28px;
 text-align:center;
 padding-right:0px !important;
 border:2px solid #fff;
}

Jika sudah ketemu silahkan hapus kode CSS tersebut setelah itu tekan tombol Simpan untuk menyimpan hasil perubahan yang telah di lakukan.


Catatan
Jika ingin mengembalikan nomor urut yang terdapat pada popular post, tinggal copy kode css di atas.dan paste tepat di bagian popularpost atau bisa juga dengan meletakkan tepat di atas kode ]]></b:skin>

kotak subscribe

Subscribe to receive free email updates: