Cara Menghapus Gambar Thumbnail Di Homepage Pada Template Viomagz | Maker Blues

Cara Menghapus Gambar Thumbnail Di Homepage Pada Template Viomagz | Maker Blues - Hallo sahabat Viomagz kali ini saya akan berbagi tentang Cara Menghapus Gambar Thumbnail Di Homepage Pada Template Viomagz, masih seputar Viomagz karena blog ini membahas template Viomagz.

Tutorial kali ini yaitu bertujuan menghapus gambar thumbnail di homepage yang nantinya pada homepage cuma ada text saja. Dengan menghapus gambar pada homepage sebenarnya cukup bagus buat SEO blog kita karena nantinya blog kita akan bertambah ringan dan sangat cepat.

Nah bagaimana caranya menghapus gambar thumbnail di homepage pada template viomagz, ikuti cara di bawah ini :

1. Masuk ke blog kamu.

2. Pilih Tema.

3. Pilih edit HTML.

4. Cari kode dibawah ini ( gunakan CTRL+F untuk mempercepat ) jika sudah ketemu hapus kode tersebut.

.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. Lalu cari kode dibawah ini dan hapus yang berwarna Merah saja ( Yang berwarna merahnya saja ).

.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. Terus cari kode dibawah ini dan hapus kode tersebut.

 <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/AVvXsEhgv4nGLJtpEiX9-QwS7nF94EapShQYjRIPObfU5KqJEuwDq1Ej1S3UjM0FLNgzrmUEJLhe2YRFggKd6relJIkCiipm92BkQahm0rLQS10rjtdOsZit6a5K0bKjWDn6glsQv6gtU1TPtZkM/w420-c-h280/no-image.png'/>
      </a>
   </b:if>
   </b:if>
   </div>

7. Selanjutnya cari kode di bawah ini.

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

8. Hapus kode di atas dan ganti dengan kode di bawah ini.

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

9. Simpan dan lihat hasilnya.

Nah begitulah Cara Menghapus Gambar Thumbnail Di Homepage Pada Template Viomagz, jika ada pertanyaan silahkan berkomentar di bawah dan jangan lupa pantengin terus ya untuk info seputar Viomagz selanjutnya.