Author : UnknownTidak ada komentar
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
Artikel Terkait
- Script Anti AdBlock / AdBlock Killer
- Membuat Tab View di Postingan di Blogspot
- Cara Menghilangkan Menu Navbar bawaan blogspot
- Membuat Slide Gambar dengan javascript jquery
- Gratis! Ganti URL Blog dengan Nama Domain Sendiri
Posted On : Rabu, 13 Juni 2012Time : 04.33
