Beranda » » Cara menampilkan gambar postingan berbeda pada halaman home

Cara menampilkan gambar postingan berbeda pada halaman home

6
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="http://3.bp.blogspot.com/-3ziZSTPIgLg/Tjv_a5Y0mqI/AAAAAAAAAV4/C6fNshDhCZo/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="http://3.bp.blogspot.com/-3ziZSTPIgLg/Tjv_a5Y0mqI/AAAAAAAAAV4/C6fNshDhCZo/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="http://3.bp.blogspot.com/-3ziZSTPIgLg/Tjv_a5Y0mqI/AAAAAAAAAV4/C6fNshDhCZo/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="http://3.bp.blogspot.com/-3ziZSTPIgLg/Tjv_a5Y0mqI/AAAAAAAAAV4/C6fNshDhCZo/s320/breadcrumbs.PNG" width="320" /></a>

atau bisa juga , seperti ini :

<a href="http://3.bp.blogspot.com/-3ziZSTPIgLg/Tjv_a5Y0mqI/AAAAAAAAAV4/C6fNshDhCZo/s1600/breadcrumbs.PNG" style="margin-left: 1em; margin-right: 1em;"><img class="thumb" border="0" height="95" src="http://3.bp.blogspot.com/-3ziZSTPIgLg/Tjv_a5Y0mqI/AAAAAAAAAV4/C6fNshDhCZo/s320/breadcrumbs.PNG" width="320" /></a>

*kode warna merah adalah kode yang disisipkan .

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

6 comments:

Rumah Imajinasi said...

wah makash gan infonya...
and salam kenal...:)

Egi Gusniawan Pradana said...

@Rumah Imajinasi : salam kenal juga kawan :)

baju tanah abang said...

salam kenal...makasih postingannya yahhh....

Egi Gusniawan Pradana said...

@baju tanah abang : sama2 :) salam kenal juga ..

belajar-belajar said...

terima kasih share nya
ijin untuk mempelajari, maklum org baru
salam kenal semuanya TQ...

Arman said...

mas law cara menampilkan gambar post di home gimana caranya,,,???
salam kenal....

Post a Comment

Blog ini DoFollow ..