oleh

Tips Paling Mudah Menghapus Angka Pada Tab Widget Popular Posts Template V.4.9.1 Premium

Pada pertemuan dan kesempatan kali ini, kami menyuguhkan tips yang paling mudah dan tidak berbelit-belit seperti banyak cara pada tips-tips lain dalam meng-informasi-kan cara mengenai modifikasi template premium evomagz-v.4.9.1 premium ini yang memang sudah terkenal Responsif dan SEO yang serba otomatis ini serta mudah dalam pengaturannya sesuai dengan yang di inginkan, karena template ini sesuai dengan dashboard blogger.com, sebagaimana pada situs web ini juga template-nya adalah juga menggunakan template evomagz-v.4.9.1 premium (heheee, template ini di dapat bukanlah dari download free/gratis yang memang banyak bertebaran di internet),
topik kita adalah, terkadang ada sebagian sobat blogger yang kurang menyukai penampilan pada tab widget popular posts-nya yang ada menggunakan angka berurutan dari 1 – 10 dan background nan berwarna warni bak gemerlapnya lampu kota di malam hari  yang cerah, itupun kalau anda set cerah lho, barangkali bagi para sobat blogger yang menggunakan template evomagz-v.4.9.1 premium tersebut, kurang berkenan atau tak suka dengan keberadaan angka pada widget popular post template evomagz-v.4.9.1 premium, namun perlu di ketahui juga, hal ini adalah merupakan ciri khas dari template buatan Mas Sugeng Riyadi sejak produk pertamanya pada type atau jenis ini di sekitar tahun 2014 hingga sekarang yang tentu saja selalu kita jumpai ada hitungan angka pada widget popular post di sidebar dan selalu update versinya sampai pada evomagz-v.4.9.1 premium sekarang ini.
Kembali ketopik pertama, yaitu bagaimana cara menghapus deretan angka pada Widget Popular Post
evomagz-v.4.9.1 premium ini, merupakan salah satu tampilan yang menjadi ciri khas atau trade mark-nya template Evomagz adalah adanya ‘Num Count’ atau hitungan angka yang biasanya bisa kita jumpai pada widget popular post di sidebar.
Ini gambar semula daripada persoalan hitungan angka yang kita maksudkan, yang kami screenshot samplenya dari situs web kami yang satunya lagi, yaitu https://wadahsufiyah.blogspot.com, abangnya dari situs web ini…

https://wadahsufiyah.blogspot.com https://www.rokanhuluonline.com
Gambar sebelum hitungan angka di hapus

https://wadahsufiyah.blogspot.com https://www.rokanhuluonline.com

Ok, untuk cara menghapus hitungan angka tersebut sangat mudah sekali kalau pada template evomagz-v.4.9.1 premium, jika pada template yang free tak tahulah mudah apa bukan, coba di search saja cara menghapus ini, sangat banyak dan beragam sekali triknya dan terkadang bagi yang kurang paham atau masih baru pada bahasa HTML atau CSS terasa rumit dan malah jadi berantakan hasilnya, terkadang hilang angka lalu muncul tanda panah hitam pada kiri sidebar popular posts tersebut, salah satu contoh cara yang banyak di internet adalah dengan menghapus kode dan mengganti dengan kode lain, hal ini bisa membahayakan struktur template yang telah di desain secara apik, misalnya ada yang bilang masuk pada dashboard blog anda-edit HTML lalu cari kode 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;
}
Ketemu langsung hapus seluruh kode tersebut, lalu ganti kode berikut :
.PopularPosts ul li {
margin:0 0 0 0 !important; 

padding:10px 20px 10px 10px !important; 
border-bottom:1px solid #f0f0f0;
 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;
}

Nah, ini adalah pekerjaan yang ribet amat untuk modifikasi pada
template evomagz-v.4.9.1 premium, sekarang biar singkat tutur kata kami, begini saja caranya, yaitu seperti biasa, masuk pada dashboard blog anda, lalu klik HTML, guna memudahkan pencarian kode tekan saja tombol ctrl+f, muncul kotak pencarian dan isikan kode berikut : 
.PopularPosts ul li:before {
Setelah di masukkan dalam kotak pencarian kode di atas tekan enter, maka muncul kode berikut :
.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;
}

Nah, pada kode content:counter(num) !important; anda hapus kode counter(num)
lalu ganti dengan none seperti ini :
content:none !important;
Lihat gambar contohnya berikut ini :

https://wadahsufiyah.blogspot.com https://www.rokanhuluonline.com

Nanti akan seperti ini :
}
.PopularPosts ul li:before {
    content:none !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;
}

Lihat gambar berikut :

https://wadahsufiyah.blogspot.com https://www.rokanhuluonline.com

Selanjutnya setelah anda ganti kode tersebut menjadi “none” langsung klik save dan lihat hasilnya berikut ini :

  https://wadahsufiyah.blogspot.com https://www.rokanhuluonline.com

Apa tadi di kata, sangat mudah dan tak perlu “hapus ganti-hapus ganti” kode yang banyak bikin pusing dan buang waktu dengan berkutat dengan kode HTML dan CSS, salah-salah nanti jadi kacau ukuran widget tersebut, seperti pada margin, padding dan lain-lain jadi berantakan, ini cukup anda ganti dengan kata-kata “none” saja sudah cukup, beres dah persoalan menghapus hitungan angka, widget anda tetap rapi dan elegan, lihat hasil utuh tampilan situs web di bawah ini setelah hitungan angka-nya yang kita hapus hanya dengan “none” saja, semoga tips blogging sederhana ini dapat membantu hal yang di maksud buat para sobat blogger semua.

https://wadahsufiyah.blogspot.com https://www.rokanhuluonline.com


 

Baca juga...  Perbedaan WordPress vs Joomla vs Drupal

Komentar

Tinggalkan Balasan Anda dan Terima Kasih Atas Kunjungannya...

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Artikel Terbaru