Agar tak terkesan monoton dalam pemasangan gambar (begitu-begitu aja) kita bisa memodifikasinya dengan merubah letak gambar yang berbeda-beda disetiap tulisan. seperti gaya tulisan di majalah-majalah dan situs-situs berita misalnya. Oleh sebab itu Topik kali ini kita akan membahas cara membuat posisi gambar ilustrasi berada disamping awal teks/tulisan/postingan, caranya lumayan cukup sederhana, hanya tinggal menambahkan beberapa kode HTML (tag/atribut) ke dalam gambar dan teks tersebut, dan bisa di lakukan dengan beberapa cara. Meski begitu namanya manusia tempatnya lupa dan salah, maka saya dokumentasikan disini.
Cara membuat gambar ilustrasi berada di sisi kiri atau kanan awal teks
Ini adalah contoh gambar PERTAMA yang posisinya berada di samping kiri teks dan dengan menggunakan tag <div> dan atribut style="float:left; margin:0 9px 3px 0;" pada gambar. Lihat format selengkapnya berikut ini :
<div
style="text-align:justify;"><img src="URL gambar"
style="float:left; margin:0 9px 3px 0;" />tulis teks
disini</div>
Dan ini adalah contoh gambar KEDUA yang posisinya berada di samping kiri teks dan dengan menggunakan tag <p> dan atribut style="float:left; margin:0 9px 3px 0;" pada gambar. Lihat format selengkapnya berikut ini :
<p
style="text-align:justify;"><img src="URL gambar"
style="float:left; margin:0 9px 3px 0;" />tulis teks disini</p>
Keterangan :
- Nilai atribut
style="text-align:justify;"
dipakai untuk merapihkan posisi kanan dan kiri teks agar sejajar rata, tidak digunakan juga tidak apa2 - Margin 0=atas gambar, 9=kanannya, 3= bawahnya, 0=kirinya di pakai untuk memisahkan jarak antara teks dengan gambar agar tidak menempel
- Nilai atribut Style=”float:left” dipakai untuk menentukan posisi gambar disebelah kiri, ganti kata “left” dengan kata “right” untuk menentukan letak gambar disebelah kanan, untuk meletakan gambar di tengah-tengah teks saya juga belum bisa
- Untuk memberi ruang pada teks disebelah gambar, tentu ukuran lebarnya (width) harus dikecilkan. Seberapa kecil tergantung tema yang digunakan.
- Kode tersebut sudah diuji cobakan pada WordPress, Blogspot dan Mywapblog dan berfungsi dengan baik.
Apa itu excerpt?
Excerpt post adalah sebuah kutipan atau ringkasan dari sebuah tulisan artikel atau postingan yang dibuat sendiri dan muncul di halaman utama dengan disertai link yang menuju ke isi post secara keseluruhan.Excerpt sifatnya opsional (boleh digunakan boleh tidak) dan bebas, dalam arti setelah kita membuat satu tulisan kita bebas untuk membuat sebuah ulasan singkat mengenai inti dari tulisan tersebut. Dan jika tidak digunakan, paragraf pertama tulisan tersebut yang otomatis akan menggantikan.