Cara Menghilangkan Thumbnail Artikel Blog

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

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

Perlu diketahui sesungguhnya setiap template yang kita gunakan niscaya tidak sama – beda, meskipun begitu Saya yakin tidak akan terlalu jauh tidak sama, sebab pada dasarnya spesialuntuk menghilangkan pecahan / fungsi untuk melaksanakan pemanggilan gambar thumbnail.

Dalam praktik kali ini Saya akan mencontohkan bagaimana Teknik 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 menyerupai diberikut 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/AVvXsEjj6ZG8HejjYE-FmMa6_OsfaC3-6uUA56R0x3EF_hQnV9JyaxUrYJYz_gqi2SdYmEL60ZVFT2FlTfAWBjQTAmlSjXNYdsHpir0CvjheTY1L09BQgIbQonxZsa0G83Qj_30CHjesFwSrJCTr/s1600/Tukangtik.png'/></div>   </a>     </b:if>    </b:if>

3. Untuk menghilangkan gambar Anda sanggup mengahpus script diatas
4. atau sanggup juga dengan menonaktifkannya memakai tag <!-- pada pecahan pertama script kemudian di akhiri dengan memakai tutup --> sehingga bila suatu ketika nanti Anda ingin mengaktifkan thumbnail, Anda cukup menghapus tag <!-- dan  --> menyerupai diberikut
   

   <!-- 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/AVvXsEjj6ZG8HejjYE-FmMa6_OsfaC3-6uUA56R0x3EF_hQnV9JyaxUrYJYz_gqi2SdYmEL60ZVFT2FlTfAWBjQTAmlSjXNYdsHpir0CvjheTY1L09BQgIbQonxZsa0G83Qj_30CHjesFwSrJCTr/s1600/Tukangtik.png'/></div>   </a>     </b:if>    </b:if> -->

Bila berhasil nanti kurang lebih tampilannya akan terlihat menyerupai diberikut

Untuk cara di template jenis lain sebenarnya jika berdasarkan saya sama saja, nanti Anda sanggup memakai inspect elemen, untuk melihat aba-aba / tag yang dipakai untuk memanggil thumbnails gambar artikel

 

Share :