Cara Menampilkan GambarPostingan Berbeda Pada Home

Cara Menampilkan GambarPostingan Berbeda Pada Home 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/AVvXsEiJdcu1Ay45b9KqXLouXuWffvi0gJLBL1JFDfB6JpY8kXpaxXYaMZzeekZTJ-GGfhbzlKiXkW_n93ngvr2t3dNhbSxts-nr_zC6-0LM061biG1sEnasV9t2tKEjkMX2oJhH6y3AyLhnyPE/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJdcu1Ay45b9KqXLouXuWffvi0gJLBL1JFDfB6JpY8kXpaxXYaMZzeekZTJ-GGfhbzlKiXkW_n93ngvr2t3dNhbSxts-nr_zC6-0LM061biG1sEnasV9t2tKEjkMX2oJhH6y3AyLhnyPE/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/AVvXsEiJdcu1Ay45b9KqXLouXuWffvi0gJLBL1JFDfB6JpY8kXpaxXYaMZzeekZTJ-GGfhbzlKiXkW_n93ngvr2t3dNhbSxts-nr_zC6-0LM061biG1sEnasV9t2tKEjkMX2oJhH6y3AyLhnyPE/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJdcu1Ay45b9KqXLouXuWffvi0gJLBL1JFDfB6JpY8kXpaxXYaMZzeekZTJ-GGfhbzlKiXkW_n93ngvr2t3dNhbSxts-nr_zC6-0LM061biG1sEnasV9t2tKEjkMX2oJhH6y3AyLhnyPE/s320/breadcrumbs.PNG" width="320" /></a>

atau bisa juga , seperti ini :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJdcu1Ay45b9KqXLouXuWffvi0gJLBL1JFDfB6JpY8kXpaxXYaMZzeekZTJ-GGfhbzlKiXkW_n93ngvr2t3dNhbSxts-nr_zC6-0LM061biG1sEnasV9t2tKEjkMX2oJhH6y3AyLhnyPE/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/AVvXsEiJdcu1Ay45b9KqXLouXuWffvi0gJLBL1JFDfB6JpY8kXpaxXYaMZzeekZTJ-GGfhbzlKiXkW_n93ngvr2t3dNhbSxts-nr_zC6-0LM061biG1sEnasV9t2tKEjkMX2oJhH6y3AyLhnyPE/s320/breadcrumbs.PNG" width="320" /></a>

*kode warna merah adalah kode yang disisipkan . 

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