Skip to content Skip to sidebar Skip to footer

CARA MEMBUAT POSISI GAMBAR DISAMPING TEKS HTML BLOGSPOT

CARA MEMBUAT POSISI GAMBAR DISAMPING TEKS HTML BLOGSPOT

Membuat posisi gambar disamping teks artikel blogspot

Kita dapat membuat gambar pada postingan artikel blog berada disamping kiri atau kanan artikel. Posisi gambar ini diharapkan dapat membuat bentuk layout artikel lebih menarik, sehingga pembaca blog betah untuk melihat. Secara sekilas layout dengan gambar disamping artikel membuat pandangan mata pembaca nyaman dan tertarik.

Kesan yang timbul jika meletakkan gambar disamping teks artikel akan menimbulkan variasi. Variasi ini kita harapkan dapat membuat pembaca ingin berlama-lama mengunjungi blog kita. Seperti halnya membaca buku dengan posisi gambar bervariasi letaknya pada tubuh paragraph.

Sekarang bagaimana cara membuat posisi gambar disamping artikel blog? Yuk! Kita bahas secara cepat dan akurat. Langkah-langkahnya cukup sederhana, buat artikel baru, pilih mode HTML view. Kita akan bolak-balik compose view dan HTML view agar didapat bentuk yang maksimal.

Langkah lengkapnya :
1. Login ke akun blogger anda
2. Buat postingan baru
3. Isi judul
4. Seting ke HTML view
5. Pastekan kode berikut ke bodi HTML view
<p ><img src=”URL gambar” style=”float:left;” />tulis teks disini</p>
6. Ganti link URL gambar dengan link gambar anda, pastikan tanda petik ada.
7. Isikan artikel anda pada tulis teks disini, pastikan yang kamu ganti hanya teksnya saja, tanda < dan tanda > ini tidak boleh hilang.
8. Untuk meninjau apakah tataletak sudah seperti yang diharapkan, ubah ke Compose view.
9. Jika tata letak gambar pada artikel teks sudah sesuai harapan anda, silahkan tekan tombol PUBLISH.

Catatan :
  1. float:left artinya gambar berada disamping kiri
  2. float:right artinya gambar berada disamping kanan
Mudah-mudahan CARA MEMBUAT POSISI GAMBAR DISAMPING TEKS BLOGSPOT ini dapat bermanfaat dan sesuai dengan informasi yang anda cari.

Post a Comment for "CARA MEMBUAT POSISI GAMBAR DISAMPING TEKS HTML BLOGSPOT"