Skip to content Skip to sidebar Skip to footer

Cara Menyembunyikan Gambar Thumbnail di Postingan Blog Halaman Utama

Anangzd.com - Di kesempatan kali ini saya akan mebagikan tips untuk kalian Cara Menyembunyikan Gambar Thumbnail di Postingan Blog Halaman Utama.

Saat postingan artikel dibuka gambar tidak akan muncul atau ke hidden. Sebenarnya di postinagan ada gambarnya.

Ya memang mungkin biar tidak terlalu membuang gambar pada postingan tersebut. Saat postingan di share ke media sosial Gambar Thumbnail tetap muncul.

Dengan Hidden Image Thumbnail Postingan memungkinkan akan mempercepat membuka loding halaman artikel yang akan kita buka. Memungkinkan juga akan mendatakan traffik atau page one di mesin pencari karena halaman postingan dapat memuat artikel yang sangat cepat.

Cara Menyembunyikan Gambar Thumbnail di Postingan Blog
Panduan Menyembunyikan Gambar Thumbnail Pada Postingan Blog

Apakah kalian tertarik dengan Menghilangkan Gambar Thumbnail di Artikel. Untuk panduanya silahkan kalian ikuti tutorial diabwah ini.

Cara Hidden Thumbnail Pada Postingan Blog
1. Kunjungi www.blogger.com
2. Setelah masuk dasbor bloggger Pilih menu Tema > Edit HTML
3. Cari kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt; lalu paste kode di bawah diatas kode tersebut
4. Code Menyembunyikan Gambar Postingan Blog

<!-- Menyembunyikan Thumbnail -->  
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <style type='text/css'>
  .thumbnail {display:none}
 </style>
</b:if>

5. Save template

Cara Thumbnail Gambar Tidak Tampil dalam Postingan

1. Buat Postingan
2. Ubah mode Menulis menjadi HTML
3. Ubah kode separator menjadi thumbnail

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLd0wOPYv29LDIyL0ey3Zp2KPZ5nJBHzGsL9YYVS11QfDfHoN4IcFjasUshhfjPw221FiwHM80gWZRm3mwvJeVK4bqXPg9mngIciUCrH133iqkzYyG2E7lppuIcsstbDkKdilRqcnEzm9pX1ZZWu75OPkcxHlXKXmn73Omx6HjZmpuJ0ff47OQs_lRdA/s16000/Cara-mempercepat-komputer-dengan-high-performance.jpg" data-original-width="250" data-original-height="150" /></a>
</div>


Hasilnya

<div class="thumbnail" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLd0wOPYv29LDIyL0ey3Zp2KPZ5nJBHzGsL9YYVS11QfDfHoN4IcFjasUshhfjPw221FiwHM80gWZRm3mwvJeVK4bqXPg9mngIciUCrH133iqkzYyG2E7lppuIcsstbDkKdilRqcnEzm9pX1ZZWu75OPkcxHlXKXmn73Omx6HjZmpuJ0ff47OQs_lRdA/s16000/Cara-mempercepat-komputer-dengan-high-performance.jpg" data-original-width="250" data-original-height="150" /></a>
</div>

4. Publikasi postingan, lalu lihat hasilnya


Begitulah tips Cara Menyembunyikan Gambar Thumbnail di Postingan Blog Halaman Utama dengan mudah tanpa ribet. Dengan adanya artikel hidden Gambar Postingan ini semoga bermanfaat untuk Anda. Terima kasih sudah berkujung di www.anangzd.com.
Anang_at
Anang_at Belajar dari hal kecil, ingin menjadi orang Berhasil. Optimis, pasti bisa mencapai apa yang di inginkan.

Post a Comment for "Cara Menyembunyikan Gambar Thumbnail di Postingan Blog Halaman Utama"