Cara Menampilkan Thumbnail Postingan Hanya di Homepage Blog
Halo sobat seocips, pada kesempatan ini saya akan membagikan mengenai bagaimana cara menampilkan gambar postingan hanya di homepage saja. Ada banyak alasan sehingga ingin menampilkan gambar hanya di homepage atau ingin menampilkan gambar di homepage berbeda dengan gambar di postingan, tiap orang pasti beda alasannya.

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.

Menampilkan Gambar Hanya di Homepage - Cara 1 

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}
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="http://1.bp.blogspot.com/-ALimC2jgdJg/VDJrcn9IZwI/AAAAAAAACPc/j_uAtLTtVe4/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. Oh iya jika ada banyak gambar di postingan dan salah satunya ingin sobat tampilkan hanya di Homepage maka letakanlah gambar yang sudah di tambahkan kode di paling atas artikel.

Menampilkan Gambar Hanya di Homepage - Cara 2 

Cara berikut ini mungkin lebih mudah atau lebih simple karena sobat tidak perlu masuk ke edit template blog. Nah langsung saja berikut adalah caranya.

Pada saat membuat postingan pilih mode HTML bukan COMPOSE dan sisipkan kode style="display: none;" pada gambar anda. Contoh penerapannya adalah seperti dibawah ini:
<img style="display: none;" src="http://1.bp.blogspot.com/-ALimC2jgdJg/VDJrcn9IZwI/AAAAAAAACPc/j_uAtLTtVe4/s1600/seocips-blogger.jpg" height="233" width="320" />
Jangan lupa baca yang ini juga yah gan:
Sekian tutorial Blog tentang Cara Menampilkan Gambar hanya di Homepage, selamat mencoba.
6 Komentar untuk "Cara Menampilkan Gambar/Thumbnail Postingan Hanya di Homepage Blog"

kunjungan malam mas, wah ternyata simpel yah caranya, nyoba deh aku praktekin mas. mudahan bisa

ga di kasih foto nya bos gambar thumbnail di home pagenya

Ok gan silahkan di praktekan, mudah kok tingal nyisip-nyisip doang.. :d

Mkasudnya apa gan? gak dikasih foto gimana? itu gambarnya di upload kemudian sisipkan kode class diatas. Jika maksudnya Foto contohnya ane gak bikin gan, langsung praktek aja.. (o)

ada yang tau gak cara menampilkan gambar dengan mengklik gambar tersebut, dengan penampil gambar picasa di blog.