Cara Menciptakan Thumbnail Artikel Blog, Tetapi Gambar Tak Terlihat Di Dalam Artikel

Pada ketika menciptakan artikel untuk blog tentu dibutuhkan gambar sebagai pendukung konten. Artikel yang baik harus mempunyai 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 menciptakan Thumbnail pada artikel tetapi gambar thumbnail tersebut tidak ada/tampil di dalam artikel ?

Untuk membuatnya, teman 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 instruksi 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 menciptakan gambar pada postingan menjadi Thumbnail tetapi tidak tampil di dalam artikel. Lebih jelasnya teman simak klarifikasi berikut ini :

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

   <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrgv1pdhMb59FQfzUWkPbdHKpHkeczwsPyhCxaga-7vxbHui6bnMz7CWak_n3rjHIWFOOifQ4eyDugptFX8i71bK3TTXCrzenbE6l6N8QhONuY6SDgajBLR5Of5jZsltHL0GOg78ADY4k/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 menciptakan thumbnail tak terlihat di dalam artikel Cara Membuat Thumbnail Artikel Blog, Tetapi Gambar Tak Terlihat di Dalam Artikel" border="0" data-original-height="455" data-original-width="685" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrgv1pdhMb59FQfzUWkPbdHKpHkeczwsPyhCxaga-7vxbHui6bnMz7CWak_n3rjHIWFOOifQ4eyDugptFX8i71bK3TTXCrzenbE6l6N8QhONuY6SDgajBLR5Of5jZsltHL0GOg78ADY4k/s320/Cara+Membuat+Thumbnail+Artikel+Blog%252C+Tetapi+Gambar+Tak+Terlihat+di+Dalam+Artikel-min.jpg" title="Cara Membuat Thumbnail Artikel Blog, Tetapi Gambar Tak Terlihat di Dalam Artikel" width="320" /></a></div>

5. Rubah goresan pena "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 teman ada pertanyaan silahkan tinggalkan komentar dibawah. Terimakasih

Referensi : Thanks To blog fauzilblog001 blogspot com)
Sumber https://densupono.blogspot.com/