Menu

Kode HTML Untuk Mengatur Letak Gambar Pada Posting

Kode Untuk Mengatur Letak Gambar dan Kode Untuk Mengubah Ukuran Gambar

Gambar memiliki peran penting untuk sebuah tulisan. Tulisan tanpa gambar bagai nasi tanpa lauk, siapa saja malas memakannya, kecuali nasi goreng haaaaa. Artinya kecuali tulisan itu benar – benar bagus. Seperti novel ayat ayat cinta, walau tanpa gambar, tapi peminatnya luar biasa.

Untuk menarik minat pengunjung supaya mereka mau membaca artikel yang dipublikasikan, tidak jarang gambar di edit sedemikian rupa sehingga pengunjung tergiur untuk membaca artikel tersebut.

Berikut beberapa kode html untuk mempercantik tampilan gambar pada sebuah posting, seperi mengatur letak gambar dan mengubah ukurannya.

SEBELUMNYA SAYA MAU NGASIH TAHU BAHWA POST INI DITARGETKAN UNTUK PARA BOCAH seperti saya YANG BARU MEMASUKI DUNIA BLOGGING, UNTUK PARA MASTAH & MBATAH SILAHKAN DIABAIKAN.

Berikut beberapa kode HTML untuk mengatur letak dan ukuran gambar pada postingan blog/website

HTML Untuk Menampilkan Gambar Pada Posting
Kode html untuk gambar Menampilkan atau menambahkan gambar pada posting ini sebenarnya hanya untuk melengkapi saja, karena sobat semua pasti sudah tahu. Kalau tidak tahu, berarti keterlaluan 🙂

ini kodenya
HTML Untuk Mengubah Ukuran Gambar
Lihat perbedaan ukuran tiga gambar dibawah ini.




Kalau memang cantik, biarpun dikecilkan, masih terlihat cantik. Tapi kalau burung, beda lagi ceritanya. Heeee

ini kodenya
Ganti angka 100 dengan angka yang diinginkan untuk ukuran gambar

Berikutnya….
HTML Untuk Membuat Link Dengan Gambar

Seperti gambar sundul, jika di klik, maka akan menuju link target Kode Untuk Mengatur Letak Gambar

ini kodenya
HTML Untuk Meletakan Gambar Di sebelah Kiri Text
Kode html letak gambarLihat gambar bajaj atau yang sering disebut orang dengan bajai. Bajaj tersebut lagi ngebut tanpa penumpang, mungkin si supir lagi ngejar antrian atau lagi dikejar pak polisi karena lupa bawa sim. Haaaa jadi ngaco. Intinya gambar bajaj tersebut berada di samping kiri text.

ini kodenya
Lanjut lagi HTML Untuk Meletakan Gambar Di Sebelah Kanan Text
Kode HTML GambarLihat gambar becak yang juga ikutan ngebut, saya juga tidak tahu mengapa pengemudi becak itu juga ikutan ngebut. Mungkin lagi mengejar target saturan atau cuma lagi iseng kepingin ngebut. Haaa ngaur lagi..
Kesimpulannya gambar tersebut berada di sebelah kanan text

ini kodenya
Meletakan Gambar Di Tengah – Tengah

kode Mengatur Letak Gambar
 

ini kodenya
Demikianlah beberapa kode html untuk peletakan dan mengubah ukuran gambar sehingga pengunjung blog makin betah dan senang membaca artikel yang kita tulis.
Kode HTML Untuk Mengatur Letak Gambar Pada Posting, Kode Mengubah Ukuran Gambar