Cara Menghilangkan Gambar Thumbnail pada Homepage di Template VioMagz Lengkap

Disini saya akan memberi tutorian menghapus semua yang berkaitan dengan gambar thumbnail pada homepage entah itu CSS ataupun javascript, lebih jelasnya lihat gambar. Jika tidak ingin menggunakan gambar thumbnail pada homepage ini bisa di praktekkan.

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 CSS ini biar lebih cepat tekan CTRL + F Lalu HAPUS.

.img-thumbnail {
   position: relative;
   float: left;
   width: 255px;
   height: 170px;
}
.img-thumbnail img {
   width: 255px;
   height: 170px;
   display: block;
}




.img-thumbnail, .img-thumbnail img {
   width: 240px;
   height: 160px;
}




.img-thumbnail, .img-thumbnail img {
   width: 180px;
   height: 120px;
}




.img-thumbnail {
   width: 100%;
   height: 160px;
   margin: 0px 0px 15px 0px;
   overflow: hidden;
}
.img-thumbnail img {
   width: 100%;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   height: auto;
   display: inline-block;
}



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

.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. Cari kode HTML ini lalu HAPUS

   <div class='img-thumbnail'>
   <b:if cond='data:post.thumbnailUrl'>
      <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 420, &quot;300:200&quot;)' expr:title='data:post.title'/>
      </a>
   <b:else/>
      <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>
      </a>
   <b:else/>
      <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje6gZFPRNWvDBcIwhUibUn8WTfU5AwBPJKO-GmzOeVgudfAjTzSXQZbcdHh1-37KcwjhKkEDRiDkokZ5A-GyTJCaV33-md3On1ozydJ-F7qYKs1aZsQnU29Plm7uZzf2q15ldSkQphDEbY/w420-c-h280/no-image.png'/>
      </a>
   </b:if>
   </b:if>
   </div>



7. Selanjutnya Cari CSS ini

.info-1, .info-2, h2.post-title, .post-snippet {
   margin-left: 275px;
}


Ganti menjadi

.info-1, .info-2, h2.post-title, .post-snippet {
   margin-left: 0px !important;
}



8. Selesai lalu simpan

Baca juga edit Template VioMagz Lainnya disini.
Terima Kasih!

Bagikan Artikel

Facebook Twitter Pinterest Whatsapp