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..
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.
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.
terimaksih sangat bermanfaat car ini
BalasHapusmakasih buat infonya
BalasHapustukar link dong gan
nice info gan...
BalasHapusdah lama ane nyari na ne...
thx y..
gan...tukeran link donk....
www.blogmotivator.co.cc
haha.. simple tapi manfaatnya ok bagi yang merasakannya. Nice post sahabat. Salam
BalasHapusSalam kembali.. terimakasih banyak telah berkomentar.. sering sering mampir ya.. :-D
BalasHapusmakasih yaaaa
BalasHapusTerima kasih
BalasHapusSalam Cinta Allah
www.TreniCenter.com
PayTren UYM