Cara Menghapus Label Di Atas Judul Postingan Homepage Pada Template Viomagz | Maker Blues

Cara Menghapus Label Di Atas Judul Postingan Homepage Pada Template Viomagz | Maker Blues - Hallo sobat Viomagz, masih seputar Viomagz dan pada kesempatan kali ini saya akan berbagi tips Cara Menghapus Label Di Atas Judul Postingan Homepage Pada Template Viomagz.

Pada tutorial kali ini sebenarnya tidak mempengaruhi tampilan dalam blog sobat hanya saja akan menghapus Label yang tertera di atas judul postingan homepage blog sobat.

Masih ada labelnya

Banyak cara dari para blogger untuk mempercantik tampilan blognya yaitu dengan salah satunya menghapus label di judul postingan, bagi saya sendiri sebenarnay kurang suka dengan tidak ada label di bagian judul hompage tersebut karena kurang memaksimalkan tampilan awal blog.

Label sendiri berfungsi mengumpulkan postingan atau artikel sesuai kriteria yang kita kumpulkan dan tanpa label sendiri postingan kita akan tidak terurai.

Label yang sudah di hapus

Oke buat kamu yang mau menghapus label di atas judul postingan di homepage pada template viomagz bisa ikuti cara di bawah ini :

1. Masuk ke Blog sobat.

2. Pilih Tema.

 3. Pilih edit HTML.

4. Cari kode dibawah ini dan hapus kode tersebut ( gunakan CTRL+F agar lebih cepat dalam pencarian )

<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. Terus cari kode dibawah dan hapus yang saya tandai warna Merah ( Ingat hanya yang warna merah yang di hapus ).

.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. Klik simpan dan lihat hasilnya.

Nah seperti itulah Cara Menghapus Label Di Atas Judul Postingan Homepage Pada Template Viomagz. Jika ada pertanyaan silahkan berkomentar di bawah dan jangan lupa pantengin terus untuk info seputar Viomagz selanjutnya.