Ada beberapa model penempatan gambar khususnya dalam media online internet yang antara lain ditempatkan pada sisi kanan redaksi, samping kanan redaksi, dibagian atas keterangan gambar atau ditengah. Pengelola media online internet memasang gambar tidak semata-mata hanya untuk menghiasi halaman bahasan.
Gambar: Letak Gambar yang berada ditengah halaman posting
Akan tetapi tujuan utamanya adalah untuk lebih memperjelas tulisan disampaikan dengan harapan pembaca tulisan lebih cepat mengerti maksud dan tujuan pesan tersebut.
Sementara yang menjadi pokok bahasan artikel ini adalah menempatkan gambar/foto sebagai alat pendukung tulisan pada samping kanan atau samping kanan redaksi. Contoh gambar yang diletakan pada sisi redaksi lihat gambar di samping
Menempatkan gambar/foto dengan float dapat ditempuh dengan dua cara dengan menggunakan dua cara yaitu:
- Tool memasukan gambar pada halaman HTML Edit Posting Blog. Cara ini sudah dibahas pada artikel sebelumnya. Detail langkah-langkahnya dapat membacanya di sini
- Menggunakan kode. Jika menempuh cara kedua, sudah barang tentu foto atau gambar yang akan dibuat float sudah eksis di dunia online internet baik yang dipublikasi media online internet yang dikelola sendiri maupun dari media online internet lainnya
Cara menempatkan foto atau gambar pada sisi kri atau kanan redaksi dapat dilakukan dengan langkah sebagai berikut: .
- Klick Tab HTML pada halaman edit posting
- Cari kode gambar yang akan ditempatkan pada sisi kiri atau kanan
- Tulis atau tambahkan kode:
- float:right; setelah kode style jika akan menempatkan foto/gambar pada sisi kanan redaksi
- float:left; setelah kode style jika ingin menempatkan foto/gambar disebelah kiri redakasi. Untuk lebih jelas letak kode float lihat contoh penulisan kode di bawah.
- Klick Compose untuk melihat hasil sementara letak gambar yang sudah ditambahkan kodenya
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-wmx86NTKlqE/UI35hTMXiNI/AAAAAAAAEhg/ov9Q8d1SNg4/s1600/Kode+Gambar.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-wmx86NTKlqE/UI35hTMXiNI/AAAAAAAAEhg/ov9Q8d1SNg4/s1600/Kode+Gambar.JPG" /></a></div>
<a href="http://4.bp.blogspot.com/-wmx86NTKlqE/UI35hTMXiNI/AAAAAAAAEhg/ov9Q8d1SNg4/s1600/Kode+Gambar.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-wmx86NTKlqE/UI35hTMXiNI/AAAAAAAAEhg/ov9Q8d1SNg4/s1600/Kode+Gambar.JPG" /></a></div>
Cara penulisan kode gambar float sebagai berikut:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-wmx86NTKlqE/UI35hTMXiNI/AAAAAAAAEhg/ov9Q8d1SNg4/s1600/Kode+Gambar.JPG" imageanchor="1" style="float: left; margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-wmx86NTKlqE/UI35hTMXiNI/AAAAAAAAEhg/ov9Q8d1SNg4/s1600/Kode+Gambar.JPG" /></a></div>
<a href="http://4.bp.blogspot.com/-wmx86NTKlqE/UI35hTMXiNI/AAAAAAAAEhg/ov9Q8d1SNg4/s1600/Kode+Gambar.JPG" imageanchor="1" style="float: left; margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-wmx86NTKlqE/UI35hTMXiNI/AAAAAAAAEhg/ov9Q8d1SNg4/s1600/Kode+Gambar.JPG" /></a></div>
Artikel lainnya
Cara Memeriksa dan Memperbaiki Drive Errors Laptop
Heidi Klum Nama Selebritis Paling Berbahaya di Dunia Maya
Inilah Wanita Perselingkuhan Presiden USA, John F Kennedy
Cara Melacak Judul Posting Blog Milik Kita Tidak Dirayap Mesin Peramban Media Online Internet
Cara Mengirim Pesan Komentar Visitor Blog Langsung Masuk Pada Akun Email Teman
