Cara Menyembunyikan Gambar Thumbnail di Postingan Blogger

Cara menyembunyikan Thumbnail - Thumbnail memang diperlukan untuk sebuah postingan. Selain untuk mempercantik tampilan, Thumbnail juga diperlukan untuk mendatangkan traffic melalui Penelusuran gambar.

Namun terkadang thumbnail tidak diperlukan untuk sebuah postingan. Tentunya kembali ke penulis masing-masing, apakah Thumbnail akan ditampilkan pada homepage dan postingan, atau pada home page saja.

Menambah Gambar di Postingan

Biasanya ketika kita upload gambar, pada Mode HTML akan muncul kode kurang lebih seperti ini

<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfSugnnOaC57Zp1hlvfZ2zhBChhMpo_XBbCYsxNqPR-f5naz-RQ4vvRJNcgGiRSU_6Sp561gcFJZmiKu_KDq6-1NAEfdaXOhbf5kUc5XeR1rQoO7cSv1Ik_L3iiZwo9RUZRzs6Z72JeD_O3C-BP9D1IITBv8VJvI-xxglcW0s6ubulpBdW6d0rlCYEa8/s800/webthumb.jpg" 
style="display: block; padding: 1em 0; text-align: center; ">
<img alt="" border="0" width="320" data-original-height="450" data-original-width="800" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfSugnnOaC57Zp1hlvfZ2zhBChhMpo_XBbCYsxNqPR-f5naz-RQ4vvRJNcgGiRSU_6Sp561gcFJZmiKu_KDq6-1NAEfdaXOhbf5kUc5XeR1rQoO7cSv1Ik_L3iiZwo9RUZRzs6Z72JeD_O3C-BP9D1IITBv8VJvI-xxglcW0s6ubulpBdW6d0rlCYEa8/s320/webthumb.jpg"/>
</a></div>

Kalau saya pribadi, tidak pernah saya ambil kode semuanya. Hanya sebagian saja, misal :

<img alt="thumbnail Kang Ismet"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfSugnnOaC57Zp1hlvfZ2zhBChhMpo_XBbCYsxNqPR-f5naz-RQ4vvRJNcgGiRSU_6Sp561gcFJZmiKu_KDq6-1NAEfdaXOhbf5kUc5XeR1rQoO7cSv1Ik_L3iiZwo9RUZRzs6Z72JeD_O3C-BP9D1IITBv8VJvI-xxglcW0s6ubulpBdW6d0rlCYEa8/s800/webthumb.jpg"/>

Cara Menyembunyikan Thumbnail di Postingan

Cukup mudah sebetulnya, kalian hanya menambah tag <nosript> didepan kode gambar tadi, dan penutupnya.. sehingga hasil akhirnya seperti ini

<noscript><div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfSugnnOaC57Zp1hlvfZ2zhBChhMpo_XBbCYsxNqPR-f5naz-RQ4vvRJNcgGiRSU_6Sp561gcFJZmiKu_KDq6-1NAEfdaXOhbf5kUc5XeR1rQoO7cSv1Ik_L3iiZwo9RUZRzs6Z72JeD_O3C-BP9D1IITBv8VJvI-xxglcW0s6ubulpBdW6d0rlCYEa8/s800/webthumb.jpg" 
style="display: block; padding: 1em 0; text-align: center; ">
<img alt="" border="0" width="320" data-original-height="450" data-original-width="800" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfSugnnOaC57Zp1hlvfZ2zhBChhMpo_XBbCYsxNqPR-f5naz-RQ4vvRJNcgGiRSU_6Sp561gcFJZmiKu_KDq6-1NAEfdaXOhbf5kUc5XeR1rQoO7cSv1Ik_L3iiZwo9RUZRzs6Z72JeD_O3C-BP9D1IITBv8VJvI-xxglcW0s6ubulpBdW6d0rlCYEa8/s320/webthumb.jpg"/>
</a></div></noscript>

Demo

Untuk demonya, kalian bisa lihat homepage blog ini, atau dipencarian blog ketik "Menyembunyikan Thumbnail". Kalian bisa lihat pada homepage akan muncul thumbnail, dan thumbnail disembunyikan di postingan.

Kasus Beberapa Template

Pada beberapa template (hanya sebagian kecil saja) trik ini tidak berjalan karena <nosript> digunakan sebagai lazy load. Untuk solusinya silahkan kunjungi Cara Menampilkan Thumbnail Hanya di Halaman Depan.

Selamat Mencoba.