cara menampilkan gambar postingan berbeda pada halaman home , yang di maksud disni adalah jadi gambar postingan yang kita pilih akan tersembunyi secara otomatis pada saat kita masuk ke halaman psotingan tersebut .

wahh .. kayak nya ribet ya kata-kata nya . kalau begitu contoh nya bisa di lihat pada postingan ini saja , coba anda perhatikan pada postingan ini , tidak ada satu pun gambar bukan . tetapi apabila berada di halaman homepage maka postingan ini akan ada gambarnya .


yang jelas intinya sih untuk menyembunyikan gambar pada positngan saja. kalau begitu dari pada anda semakin bingung berikut adalah caranya :

1. login ke blogger.com

2. pilih Rancangan >> Edit Html

3.  kemudian letakan kode dibawah ini , tepat di atas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>

.thumb {display:none}

</style>
</b:if>

4. kemudian simpan template anda

5. nah dari sini kita beralih ke halaman postingan

6. pada saat kita memasukan gambar di halaman postingan , maka gambar tersebut memiliki kode html .
contoh nya :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnce8C5EenMxI3mMh9dWdhGzg-QetAA8e_tupsdLq86tRTvWQzQeMEOxQnGf66Em4k759uRZoJDEfn4wAQSVQN7HUoaPZWq_ZwV63ushtPrF01UijE-Wb-eIUsPDtLbRQpgR1AaYpJGUM/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnce8C5EenMxI3mMh9dWdhGzg-QetAA8e_tupsdLq86tRTvWQzQeMEOxQnGf66Em4k759uRZoJDEfn4wAQSVQN7HUoaPZWq_ZwV63ushtPrF01UijE-Wb-eIUsPDtLbRQpgR1AaYpJGUM/s320/breadcrumbs.PNG" width="320" /></a>

nah kita hanya perlu menyisipkan kode class="thumb" , pada kode gambar di atas.

maka hasil nya akan menjadi sperti ini :

<aclass="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnce8C5EenMxI3mMh9dWdhGzg-QetAA8e_tupsdLq86tRTvWQzQeMEOxQnGf66Em4k759uRZoJDEfn4wAQSVQN7HUoaPZWq_ZwV63ushtPrF01UijE-Wb-eIUsPDtLbRQpgR1AaYpJGUM/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnce8C5EenMxI3mMh9dWdhGzg-QetAA8e_tupsdLq86tRTvWQzQeMEOxQnGf66Em4k759uRZoJDEfn4wAQSVQN7HUoaPZWq_ZwV63ushtPrF01UijE-Wb-eIUsPDtLbRQpgR1AaYpJGUM/s320/breadcrumbs.PNG" width="320" /></a>

atau bisa juga , seperti ini :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnce8C5EenMxI3mMh9dWdhGzg-QetAA8e_tupsdLq86tRTvWQzQeMEOxQnGf66Em4k759uRZoJDEfn4wAQSVQN7HUoaPZWq_ZwV63ushtPrF01UijE-Wb-eIUsPDtLbRQpgR1AaYpJGUM/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img class="thumb" border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnce8C5EenMxI3mMh9dWdhGzg-QetAA8e_tupsdLq86tRTvWQzQeMEOxQnGf66Em4k759uRZoJDEfn4wAQSVQN7HUoaPZWq_ZwV63ushtPrF01UijE-Wb-eIUsPDtLbRQpgR1AaYpJGUM/s320/breadcrumbs.PNG" width="320" /></a>

*kode warna merah adalah kode yang disisipkan .

7. kemudian publikasikan postingan anda , dan lihat hasilnya ..