Gambar berderat Horizontal

/ On : 8:06 PM/ Thank you for visiting my small blog here. If you wanted to discuss or have the question around this article, please contact me e-mail at Crieshna@gmail.com.
Dalam kesempatan kali ini saya ingin mencoba membahas tantang bagaimana cara membuat, memasang gambar (image) secara berderet horizontal di postingan blog seperti contoh di bawah ini :



 





baik, langsung saja sayajelaskan trik cara membuat gambar berderet secara horizontal.
langkah pertama anda copy code berikut :
<div class="tans1">
<img src="code gbr 1" style="float: left; height: 100px; margin: 0px 10px 10px 0px; width: auto;" />
<img src="code gbr 2" style="float: left; height: 100px; margin: 0px 10px 10px 0px; width:auto;" />
<img src="code gbr selanjutnya..." style="float: left; height: 100px; margin: 0px 10px 10px 0px; width: auto;"/>
</div>
Perhatikan code yang berwarna merah, code itu merupakan kunci pdari pembuatan gambar berderet horizontal. untuk code yang berwarna hijau merupakan tempat dimama image anda disimpan.
sangat simpel dan mudah bukan!!!
sekian dulu trik tentang membuat gambar berderet horizontal di posting. semoga bermanfaat bagi pembaca.
kita akan membahas trik 2 yang kebih jitu pada posting selanjutnya.

8 comments:

Farah Herbal said...

kalo gambarnya bisa di link, gmn mas?

MasCris said...

tinggal add url ajh gan....

Farah Herbal said...

bisa kasih contoh ga gan? Syukran ya.. Newbie nih gan.. Hee.. :)

MasCris said...

di atas kan udah jelas gan. tinggal copy soure code'nya dah jadi...

Erwin said...

Kalo gambarnya dari komputer gimana ?

MasCris said...

kl gambar dari komputer agan harus upload dl ke photobucket/ sejenisnya....

Bandi Siswoyo said...

kalo mau di kasih caption atau ketaerangan di bawah masing2 gambar bagai mana mas ?

Anonymous said...

makaasiiiii bnget ya kk gan, script.a sangat membantu saya.. untung lihat blog.a kk agan, jadi project saya jdi mkin mudah buatnya.."
sekali lagi mkasii ya kk..

Post a Comment

Your Ad Here

artikel

site

Yahoo bot last visit powered by MyPagerank.NetMsn bot last visit powered by MyPagerank.Net