Tips meletakkan gambar secara bersebelahan di website, cara meletakkan gambar secara berdampingan di blogspot di website, tata cara meletakkan gambar di website, cara meletakkan gambar di blogspot, mengatur posisi gambar 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..
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://i579.photobucket.com/albums/ss233/Heryana_Ind/IMG00082-20110701-1307.jpg" style="float:left; width:200px; height:85px" hspace="10px" /><img src="http://i579.photobucket.com/albums/ss233/Heryana_Ind/IMG00079-20110701-1306.jpg" style="width:200px; height:85px" />
*ganti http://i579.photobucket.com/albums/ss233/Heryana_Ind/IMG00082-20110701-1307.jpg dan http://i579.photobucket.com/albums/ss233/Heryana_Ind/IMG00079-20110701-1306.jpg dengan 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.
Tidak ada komentar:
Posting Komentar