Cara Membuat Thumbnail Artikel Blog, Tetapi Gambar Tak Terlihat di Dalam Artikel

Pada saat membuat artikel untuk blog tentu diperlukan gambar sebagai pendukung konten. Artikel yang baik harus memiliki setidaknya 1 gambar atau lebih yang berkaitan. Namun pada beberapa kasus, gambar pada konten artikel bukan memperbaiki artikel tetapi malah memuat tampilan menjadi berantakan.

Thumbail artikel biasanya akan secara otomatis atau default mengambil First Images (Gambar Pertama) pada artikel. Nah, pada artikel ini akan Admin bahas bagaimana caranya membuat Thumbnail pada artikel tetapi gambar thumbnail tersebut tidak ada/tampil di dalam artikel ?

Untuk membuatnya, sobat ikuti langkah sederhana berikut ini :


LANGKAH PERTAMA

1. Masuk ke Dashboard Blogger
2. Pilih Tema/Template
3. Edit HTML
4. Cari </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;
5. Paste kode di bawah ini, di atas </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;
   

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

6. Simpan Template

Baca Juga : Cara Membuat Icon Blog (Favicon) di Blogspot Secara Mudah


LANGKAH KEDUA

Pada langkah ini, cara untuk membuat gambar pada postingan menjadi Thumbnail tetapi tidak tampil di dalam artikel. Lebih jelasnya sobat simak penjelasan berikut ini :

1. Buat artikel seperti biasa.
2. Insert Image atau masukkan foto yang ingin di buat Thumbnail.
3. Klik HTML, setelah itu sobat.
4. Lihat kode gambarnya :
   

   <div class="separator" style="clear: both; text-align: center;">
   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW1WF_DjBgMQF5MxSmmF9c__-pf9v4IgNAf1iWhU4zTbmCp1bAzRmjLXTUGnUorglw_109k2-BcjOJpnq7kHdvxfPSoMz5XFQe90n_GqWIqsuKqarQx5j5-HIC34ijM5j2yhBTTDrlUaA/s1600/Cara+Membuat+Thumbnail+Artikel+Blog%252C+Tetapi+Gambar+Tak+Terlihat+di+Dalam+Artikel-min.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat thumbnail" border="0" data-original-height="455" data-original-width="685" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW1WF_DjBgMQF5MxSmmF9c__-pf9v4IgNAf1iWhU4zTbmCp1bAzRmjLXTUGnUorglw_109k2-BcjOJpnq7kHdvxfPSoMz5XFQe90n_GqWIqsuKqarQx5j5-HIC34ijM5j2yhBTTDrlUaA/s320/Cara+Membuat+Thumbnail+Artikel+Blog%252C+Tetapi+Gambar+Tak+Terlihat+di+Dalam+Artikel-min.jpg" title="cara membuat thumbnail tak terlihat di dalam artikel" width="320" /></a></div>

5. Rubah tulisan "separator" menjadi "Thumbnail"
6. Maka gambar tersebut hanya akan tampil sebagai Thumbnail saja

Baca Juga : Cara Membuat Sitemap Atau Daftar Isi Keren

Itulah cara Membuat Thumbnail Artikel Blog, Tetapi Gambar Tak Terlihat di Dalam Artikel. Semoga bermanfaat. Apabila sobat ada pertanyaan silahkan tinggalkan komentar dibawah. Terimakasih

Referensi : Thanks To blog fauzilblog001 blogspot com)