Dalam memasang gambar agar sejajar dengan text pada postingan diperlukan style pada gambar yang akan diposting, yaitu dengan menentukan float dan margin.
Berikut caranya:
Upload gambar yang akan diposting dengan mengklik tombol add image atau dengan memasukkan kode HTML dari gambar yang udah ada. Perhatikan Kode HTML dari gambar tersebut, lalu sisipkan kode dibawah sebelum tag penutup dari HTML gambar :
style="float: left; margin: 10px 10px 10px 0px"
sekarang kita tinggal ngatur posisi'a, kalau ingin gambarnya disebelah kanan,
tinggal ganti kode float : right;
kalau margin yaitu pemberian jarak antara gambar dengan text.
Sebagai contoh, berikut kode HMTL gambar diatas :
try it!
Berikut caranya:
Upload gambar yang akan diposting dengan mengklik tombol add image atau dengan memasukkan kode HTML dari gambar yang udah ada. Perhatikan Kode HTML dari gambar tersebut, lalu sisipkan kode dibawah sebelum tag penutup dari HTML gambar :
style="float: left; margin: 10px 10px 10px 0px"
sekarang kita tinggal ngatur posisi'a, kalau ingin gambarnya disebelah kanan,
tinggal ganti kode float : right;
kalau margin yaitu pemberian jarak antara gambar dengan text.
Sebagai contoh, berikut kode HMTL gambar diatas :
<a href="http://ameykurdt.blogspot.com/"><img src="http://i369.photobucket.com/albums/oo140/dhaifa/sotired.gif" width: 102px; height: 116px; style="float: left; margin: 10px 10px 10px 0px; "/></a>
try it!
15 komentar:
Huheuheuehu........ aku juga sering pake, tapi ini keren euy tutorialna!!!
thanks yah mo nyoba dulu, moga aja berhasil
Artikelnya bagus menambah wawasan saya trims ya…lanjutkan artikelnya saya tunggu. O iya…Teman boleh minta bantuannya? Saya lagi ikut lomba Speedy Blogging Competition 2008, dimana criteria penilaiannya blog adalah banyak pengunjung, posting dan komentar. Boleh saya minta komentar dari teman untuk artikel di blog saya? Please….. Kalau Boleh Kunjungi blog saya, hari ini saya posting 3 artikel tolong komentarnya, komentarnya harus berkaitan dengan artikel yang di pilih teman. Ini alamatnya : http://regedit.blog.telkomspeedy.com/ terima kasih banyak.
asyikkk dapat ilmu lagi..txs ya..
wah nie bagus banget ilmunya... bos btw boleh tuker link ga ya?
keren banget .. :)
maen blog ma bg...
hajar wan sameeeiiii
nice tutorial^^
artikel yang bagussss
posting bagus..
gelang
jual berbagai aksesoris gelang korea model unik dan bagus
dengan harga murah
makasih infonya..salam..keep posting
thankz ya atas infonya... >_<"
thanks for useful info and good
sepertinya mudah, langsung dicoba kang
Posting Komentar
Not Spam.