Cara Menampilkan Gambar Thumbnail Hanya di Halaman Depan

65 views

Kang BedolCara Menampilkan Gambar Thumbnail Hanya di Halaman Depan – Bagi seorang blogger untuk mempercantik blog adalah hal yang wajar, sehingga kadang kita tak bosan-bosanya untuk mencari cara agar blog yang kita punya bisa berbeda dengan blog orang lain. misalnya saja dengan mencari trik-trik tentang blog yang lagi populer, seperti yang sudah Kang Bedol bahas sebelumnya tentang membuat menu navigasi responsive, membuat widget kategori label tertentu dengan thumbnail, cara membuat gambar agar tidak melebihi halaman postingan dan masih banyak lagi cara-cara yang lainnya.

Cara Menampilkan Gambar Thumbnail Hanya di Halaman Depan
Gambar Thumbnail di Halaaman Depan Blog

Pada kesempatan kali ini saya akan memberikan sebuah trik tentang bagaimana cara menampilakan gambar (Thumbnail) pada halaman depan (home page) saja,  jika biasanya kita menggunakan suatu template blog dan pada saat kita membuat postingan dengan menyisipkan sebuah gambar maka secara otomatis gambar tersebuat akan tampil di halaman depan (homepage) dan pada halaman postingan itu sendiri juga akan muncul. namun berbeda dengan cara yang akan saya bagikan ini. cara ini sudah pernah saya coba sendiri dan berhasil, dimana gambar yang ada pada postingan hanya akan tampil dihalaman depan (home page) saja.

Baca Juga : Tips Memilih Template Blog yang Baik dan Berkualitas

Berikut ini adalah cara menampilkan gambar thumbnail di halanman depan

1. Login ke Blogger sobat

2. Klik Template => Edit HTML

3. Cari kode </head> agar lebih gampang tekan tombol CTRL+F jika sudah ketemu copy paste kode di bawah ini tepat di atas kode </head>

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

4. Simpan template

Setelah selesai membuat kode HTML-nya sekarang kita beralih untuk membuat postingan, dan untuk mencobanya upload-lah sebuah file gambar. setelah gambar ter-upload dihalaman posting selanjutnya untuk mengetahui kode gambar maka kita harus beralih ke mode HTML. kemudian tambahkan atau sisipkan kode class=”thumbnail” sebelum kode gambar tersebut, untuk lebih jelas dalam penerapannya silahkan lihat contoh di bawah ini.

<img class=”thumbnail” src=”https://3.bp.blogspot.com/-ckAsSt226Gs/VrtfpxCYFvI/AAAAAAAAA4c/BliIWOAy-bg/s1600/kang-bedol.png” alt=”blogger logo” />

Dari penerapan diatas kira-kira keterangannya sepaerti ini

<img class=”thumbnail” src=”link-gambar-yang-sudah-diupoad” alt=”penjelasan/judul gambar” />

Disini perlu diperhatikan ketika kita beralih ke mode Compose pada entri postingan maka gambar akan tetap muncul, namun ketika kita Publikasikan postingan secara otomatis gambar akan disembunyikan pada halaman posting, dan gambar akan muncul dihalaman depannya saja.

Artikel Terkait : Membuat Gambar Agar Tidak Melebihi Halaman Postingan Blog

Itulah cara mudah untuk menampilkan gambar hanya di halaman depan posting, dan mungkin cara ini sudah banyak yang mengetahuinya, namun bagi yang baru belajar nge-blog saya yakin trik ini akan sangat bermamfaat dan selamat mencoba.


Baca Artikel Lainnya:

2 comments

Leave a Reply

Your email address will not be published. Required fields are marked *