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/AVvXsEiVpRCG932x27BvlvuKfM60fRBKt_oC0sdkSLrlGzTSTip7KEW9qYAYtgIVgNgy7UdNetMLvx7VNGlS2XtVZ_iwrtlbqdwOaAVRzPJ0jAxYZ0CF_lnURke_RTT5Z4_AHGXbT4chZMaK3zE/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpRCG932x27BvlvuKfM60fRBKt_oC0sdkSLrlGzTSTip7KEW9qYAYtgIVgNgy7UdNetMLvx7VNGlS2XtVZ_iwrtlbqdwOaAVRzPJ0jAxYZ0CF_lnURke_RTT5Z4_AHGXbT4chZMaK3zE/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/AVvXsEiVpRCG932x27BvlvuKfM60fRBKt_oC0sdkSLrlGzTSTip7KEW9qYAYtgIVgNgy7UdNetMLvx7VNGlS2XtVZ_iwrtlbqdwOaAVRzPJ0jAxYZ0CF_lnURke_RTT5Z4_AHGXbT4chZMaK3zE/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpRCG932x27BvlvuKfM60fRBKt_oC0sdkSLrlGzTSTip7KEW9qYAYtgIVgNgy7UdNetMLvx7VNGlS2XtVZ_iwrtlbqdwOaAVRzPJ0jAxYZ0CF_lnURke_RTT5Z4_AHGXbT4chZMaK3zE/s320/breadcrumbs.PNG" width="320" /></a>

atau bisa juga , seperti ini :

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

*kode warna merah adalah kode yang disisipkan . 

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

Loading