Cara Meletakkan Gambar Secara Bersebelahan di Blogspot

Sebelum anda mengetahui cara untuk meletakkan gambar secara bersebelahan, terlebih dahulu anda harus mengetahui tata cara menampilkan gambar dengan menggunakan kode html secara manual, (tanpa otomatis dari blog). tentunya anda harus cukup tau tentang kode kode html nya. Sekarang kita mulai. mungkin anda berfikir meletakkan gambar secara berdampingan seperti ini..

Jika ya... maka lanjutkan instruksi berikut..!!

Berikut adalah kode untuk menampilkan gambar tersebut :

<img src="http://i1092.photobucket.com/albums/i403/Khairulmm92/Iklan/Hypno.gif" style="float:left; width:200px; height:85px" hspace="10px" /><img src="http://i1092.photobucket.com/albums/i403/Khairulmm92/HUMOR.gif" style="width:200px; height:85px" />

*ganti http://i1092.photobucket.com/albums/i403/Khairulmm92/Iklan/Hypno.gif dan http://i1092.photobucket.com/albums/i403/Khairulmm92/HUMOR.gif denngan URL gambar anda.

Tulisan berwarna merah adalah untuk gambar 1(sebelah kiri) dan warna hitam adalah gambar 2(sebelah kanan). agar gambar terletak secara berdampingan maka tambahkan kode style="float:left" setelah kode "<img". untuk mengatur jarak ubah pada kode hspace="10px" sesuai keinginan anda. Terimakasih.. Semoga bermanfaat.

 

Sumber : http://www.khairulumam.com/2011/04/cara-gambar-secara-bersebelahan-di.html

Share