Cara Menghilangkan Label pada Homepage di Template VioMagz Lengkap

Saya akan memberikan tutorial cara menghilangkan Label Pada Homepage di template viomagz lengkap, menghapus semua yang ada sangkut paut dengan seperti CSS, javascript lebih jelas lihat gambar. kalau yang tidak suka dengan Label pada Homepage ini bisa dipraktekkan.

CATATAN! Mungkin Tutorial Ini Tidak Berlaku Lagi Untuk Versi VioMagz V.2.8 Ke Atas!

Backup Terlebih Dahulu Template Anda

1. Masuk/Login keblogger kalian
2. Masuk kemenu Tema
3. Lalu Edit HTML
4. Cari kode ini biar lebih cepat tekan CTRL + F Lalu HAPUS.

<b:if cond='data:post.labels'>
<div class='label-line'>
<span class='label-info-th'>
<b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'></b:if>
</b:loop>
</span>
</div>
</b:if>




.label-info-th {
   display: block;
   z-index: 2;
   position: relative;
   margin-bottom: 10px;
}




.label-info-th a {
   color: $(label.color);
   background: $(label.bg.color);
   display: inline-block;
   padding: 6px 12px;
   margin: 1px 0;
   font-size: 11px;
   font-weight: 500;
   text-transform: uppercase;
   border: 2px solid $(label.border.color);
}




.label-info-th a:hover {
   color: $(link.color);
}



5. Cari kode ini (INGAT YANG SAYA BLOK MERAH YANG DIHAPUS) khusus langkah ke-5

.label-line, .label-line-c {
   position:relative;
}




.label-line:before, .label-line-c:before {
   z-index: 1;
   content: "";
   width: 100%;
   height: 2px;
   background: $(label.border.color);
   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -2px;
}




.img-thumbnail, .img-thumbnail img, .label-info-th a, .info-1, .info-2, h2.post-title, .post-snippet, .sidebar-sticky {
   transition: all .2s linear;
   -o-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -webkit-transition: all .2s linear;
}




.img-thumbnail, .img-thumbnail img, .FeaturedPost .post-summary, .FeaturedPost .image, .PopularPosts .item-thumbnail, .PopularPosts .widget-content ul li img, .Profile .widget-content, .PopularPosts .widget-content ul, .list-label-widget-content ul, .label-info-th a, .displaypageNum a, .showpage a, .pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a, .Profile .profile-link, .label-size, .berlangganan-box, #baca-juga, #baca-juga h2, .related-post-item-thumbnail, #baca-juga ul, .PopularPosts ul li .item-thumbnail-only:before, .PopularPosts ul li .item-content:before, .PopularPosts ul li > a:before {
   border-radius: 3px;
}



6. lalu disimpan

Baca juga edit Template VioMagz Lainnya disini.
Terima Kasih!

Bagikan Artikel

Facebook Twitter Pinterest Whatsapp