Cara Menampilkan Thumbnail Pada Home Page

Hay Sobat IT
Kali ini saya ingin menampilkan Cara Menampilkan Gambar/Thumbnail Postingan Hanya di Homepage Blog. Halo sobat seocips, pada kesempatan ini saya akan membagikan mengenai bagaimana cara menampilkan gambar postingan hanya di homepage.

Cara Menampilkan Gambar hanya di Homepage

Tutorial ini mungkin sudah tidak asing lagi untuk para Bloggers senior, tapi misalkan anda seorang Newbe (seperti saya ) dalam dunia Blog dan belum tahu cara menyembunyikan gambar yang ada di postingan dan hanya menampilkannya di homepage blog maka berikut ini saya bagikan triknya.

1. Di blogger anda.
2. Klik Template » Edit HTML
3. Kemudian tekan Ctrl+F cari kode " ]]></b:skin> "
4. Lalu tambahkan CSS berikut ini diatas kode " ]]></b:skin> "

 " .gambarku {display:none} "


       -  Ket = Kode Kode tadi hilangkan tanda petiknya(yang dipakai yang saya warnai biru)   

5. Selanjutnya pada saat anda membuat postingan, masuk ke mode HTML kemudian sisipkan kode class="gambarku" pada kode HTML gambar anda. Contoh penerapannya adalah seperti dibawah ini

<img class="gambarku" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ij-I9pgwDsxAjTQLLWsQHbQa6_-dG2MEFjvr91P1N3HajJWjzYZsYYLw6e11udZctqNTcsSc8ga3jhfO4eT6jOqUCv4lMvTvYlK8EF-7JpJKX6GDitLoQJft05auqJ0SMPOmI-O2e_0/s1600/seocips-blogger.jpg" height="233" width="320" />

6. Kode yang saya beri warnah merah diatas adalah kode yang saya sisipkan pada gambar yang ingin saya sembunyikan tadi. Jika sudah selesai tinggal publikasikan artikel sobat dan lihat hasilnya.

Sekian dari IT
Jangan Lupa Like yah jika berhasil ..