Awalnya saya sempat dibuat pusing dengan angka yang ikut tampil pada popular pos seperti contoh pada gambar disamping ini, setelah utak-atik template ternyata permasalahannya ada pada kode CSS Template blog.
Untuk itulah kali ini saya coba berbagi pengalaman Menghapus Angka pada Popular Post agar lebih Ringan dan Seo Friendly. Seperti kita ketahui popular post akan memunculkan artikel yang kita tulis beserta angka yang menunjukkan jumlah
postingan.
Popular post itu berfungsi sebagai menu navigasi dan internal link yang dianjurkan oleh Google. Memang sangat diperlukan di sebuah blog, namun tampilan popular post yang terlalu ramai membuat blog kita kurang enak dipandang dan terkesan tidak rapi. Untuk itu saya akan memberikan cara bagaimana Menghapus Angka Pada Popular Post yang kita
buat.
Bagi kawan-kawan yang ingin menghapus angka pada popular post caranya sangat mudah, ikuti langkah-langkah di bawah ini :
1. Klik menu "Template" > "Edit HTML"
2. Cari (Ctrl + F) kode ---> .popular-posts ul { <-----
3. Hapus semua kode yang saya beri warna biru seperti dibawah ini.
2. Cari (Ctrl + F) kode ---> .popular-posts ul { <-----
3. Hapus semua kode yang saya beri warna biru seperti dibawah ini.
4. Save Template
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
Berhasil, Anda sudah Menghapus Angka Pada Popular Post.
Comments
Post a Comment
Silahkan Berikan Komentar Anda