Cara menampilkan gambar postingan berbeda pada halaman 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 == "item"'>
<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 ..
6 comments:
wah makash gan infonya...
and salam kenal...:)
@Rumah Imajinasi : salam kenal juga kawan :)
salam kenal...makasih postingannya yahhh....
@baju tanah abang : sama2 :) salam kenal juga ..
terima kasih share nya
ijin untuk mempelajari, maklum org baru
salam kenal semuanya TQ...
mas law cara menampilkan gambar post di home gimana caranya,,,???
salam kenal....
Post a Comment
Blog ini DoFollow ..