Menampilkan Gambar/Thumbnail Postingan Hanya di Homepage Blog

Written By PENDIDIDKAN Friday, October 17, 2014 Add Comment Edit

Menampilkan Gambar/Thumbnail Postingan Hanya di Homepage Blog
ungkin cara ini sudah tidak asing lagi dalam dunia Blogger apa lagi bagi Blogger senior, tapi bagi anda seorang Newbe tentunya ini merupakan hal terbaru untuk anda.

Menampilkan Gambar/Thumbnail Postingan Hanya di Homepage maksudnya adalah apabila kita menyisipkan sebuah gambar pada postingan yang telah dipublikasikan maka gambar tersebut akan tersembunyi (tidak muncul), namun jika anda melihatnya dihomepage maka gambar tersebut akan nampak atau muncul. Berikut ini saya akan berbagi triknya :

1. Masuk kedasbor Blogger
2. Pilih Template » Klik HTML
3. Dengan menggunakan ctrl+f anda cari kode ]]></b:skin>
4. Kemudian anda copy kode berikut dan pastekan diatasnya

.gambarku {display:none}

5. Selanjutnya untuk memanggil kode diatas anda masuk kelaman baru » masuk kemode HTML » anda sisipakan kode class="gambarku" pada kode HTML gambar anda. dalam penerapannya saya berikan contoh sebagai berikut :

<img class="gambarku" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5aAevNOwbFbYPo2Yilb-A5W0LoAZW-qx409P0tv2YiaPR79XnPDRFic7XYR6uQIQnElH4ZjEjwd-XysgkTz3Grz7rbv0kuobQVIi0kzGAqAzthqx0g6ZEBgFVg69gHXAKhUbl5egF6U/s1600/keren.png" height="300" width="300" />

Note :
Kode yang saya beri warna merah adalah kode yang saya sisipkan pada gambar yang akan saya sembunyikan.

6. Jika sudah anda terapkan, selanjutnya anda publikasikan

Untuk melihat hsilnya silahkan anda menuju pada postingan yang sudah anda publikasikan, apabila gambar tersebut tersembunyi anda tinjau pada homepage anda.

Demikian Trik Menampilkan Gambar/Thumbnail Postingan Hanya di Homepage Blog, semoga bermanfaat!