Cara Menghilangkan Thumbnail Artikel Blog

Bila terdapat sebuah artikel yang memiliki gambar maka biasanya gambar yang terdapat pada artikel tersebut akan ditampilkan dalam bentuk “thumbnail” pada saat user mengakses bagian halaman depan atau label dari blog.

Tapi terkadang untuk alasan tertentu seperti misal karena blog tidak terlalu banyak menampilkan konten gambar, maka mungkin thumbnail tersebut jadi tidak terlalu penting. Hal ini memang tidak terbatas pada alasan itu saja, bisa juga karena memang ingin membuat tampilan blog jadi lebih simple misalnya.

Perlu diketahui bahwasanya setiap template yang kita gunakan pasti berbeda – beda, meskipun begitu Saya yakin tidak akan terlalu jauh berbeda, karena intinya hanya menghilangkan bagian / fungsi untuk melakukan pemanggilan gambar thumbnail.

Dalam praktik kali ini Saya akan mencontohkan bagaimana Cara Menghilangkan Thumbnail Artikel Blog pada template evo magz buatan Mas Sugeng.

1.  Login ke blogger atau blogspot masing – masing
2. Kemudian cari tag atau script seperti berikut pada template
   

    <b:if cond='data:post.thumbnailUrl'>
     <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 200, &quot;400:300&quot;)' expr:title='data:post.title'/></div>
     </a> 
      <b:else/>
   
     <b:if cond='data:post.firstImageUrl'>
     <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
     </a>
    
      <b:else/>
     <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0dArQw6JOPsGz20-TizeTB-gANGzWLmzTtkcpfT9DmAoorNEpW0bA_nTnaJBhEKDPBQlLqZQIyFZBXUeYXiP2z02zjzkKbHKcayQZ1tyZvOJBYI-C3wI3fOJAagzek-7TIB5p6aslH_pZ/s1600/Tukangtik.png'/></div>
     </a>
   
      </b:if> 
   
    </b:if>

3. Untuk menghilangkan gambar Anda bisa mengahpus script diatas
4. atau bisa juga dengan menonaktifkannya menggunakan tag <!-- pada bagian pertama script lalu di akhiri dengan menggunakan tutup --> sehingga bila suatu saat nanti Anda ingin mengaktifkan thumbnail, Anda cukup menghapus tag <!-- dan  --> seperti berikut
   

   <!-- Nonaktifkan Thumbnail
      <b:if cond='data:post.thumbnailUrl'>
     <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 200, &quot;400:300&quot;)' expr:title='data:post.title'/></div>
     </a> 
      <b:else/>
   
     <b:if cond='data:post.firstImageUrl'>
     <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
     </a>
    
      <b:else/>
     <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0dArQw6JOPsGz20-TizeTB-gANGzWLmzTtkcpfT9DmAoorNEpW0bA_nTnaJBhEKDPBQlLqZQIyFZBXUeYXiP2z02zjzkKbHKcayQZ1tyZvOJBYI-C3wI3fOJAagzek-7TIB5p6aslH_pZ/s1600/Tukangtik.png'/></div>
     </a>
   
      </b:if> 
   
    </b:if>
   -->

Bila berhasil nanti kurang lebih tampilannya akan terlihat seperti berikut

Untuk cara di template jenis lain sebenarnya kalau menurut saya sama saja, nanti Anda bisa menggunakan inspect elemen, untuk melihat kode / tag yang digunakan untuk memanggil thumbnails gambar artikel

 

PLEASE SHARE

Share it Share it Tweet Share it Pin it

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple