Cara Mudah Agar Posisi Gambar Berada di Samping Teks

Cara Mudah Agar Posisi Gambar Berada di Samping Teks

Cara Mudah Agar Posisi Gambar Berada di Samping Teks – Assalamu’alaikum. Salah sejahtera untuk sahabat serta pengunjung Bfc Sarif Blog– Berbagi Tips dan Cara Mudah. Untuk menjadikan artikel kita lebih menarik, memberi tambahan gambar adalah salah satu cara termudah yang dapat dilakukan. Selain bisa mempercantik artikel kita ternyata dengan adanya gambar bisa memperkuat nilai SEO artikel kita loh, Karena tulisan yang berisi gambar tidak hanya akan ditemukan melalui hasil penelurusan web tapi bisa juga melalui penelusuran gambar oleh mbah google.

Agar tidak terkesan monoton dalam pemasangan gambar, kita bisa memodifikasinya dengan merubah letak gambar tersebut, seperti gaya tulisan yang ada di majalah-majalah dan situs-situs berita misalnya. Sebelumnya saya pernah memposting Cara Mudah Membuat Huruf Jumbo Ala Koran (dibaca ya),sekarang saya akan membahas tentang Cara Mudah Agar Posisi Gambar Berada di Samping Teks. Caranya cukup mudah dan sederhana, kita hanya menambahkan beberapa kode HTML (tag/atribut) ke dalam gambar dan teks tersebut. Berikut adalah langkah-langkahnya :

Cara Mudah Agar Posisi Gambar Berada di Samping Teks :

Ini adalah contoh gambar yang posisinya berada di samping kiri teks dan dengan menggunakan tag 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>

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 memberi ruang pada teks disebelah gambar, tentu ukuran lebarnya (width) harus dikecilkan. Seberapa kecil tergantung tema yang digunakan.

Itulah sedikit yang bisa saya bagi dari ilmu yang saya dapat, semoga ulasan tentang Cara Mudah Agar Posisi Gambat Berada di SampingTeks bisa bermanfaat bagi para pembacanya. Terima kasih.

Terima kasih telah membaca artikel tentang Cara Mudah Agar Posisi Gambar Berada di Samping Teks , Jika anda merasa artikel ini penting,akan sangat membantu dan berguna bagi orang lain jika membagi dan mensharenya dengan mengklik icon G +1, Facebook dan Twitter disamping.

Judul: Cara Mudah Agar Posisi Gambar Berada di Samping Teks
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Bfc Sarif

Silahkan tinggalkan jejak anda di kolom komentar. Terima Kasih.

Posted in: Tips dan Tutorial Blog