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.
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.
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Bfc Sarif
Silahkan tinggalkan jejak anda di kolom komentar. Terima Kasih.
36 comments
Bermanfaat nih...bisa di coba. mksh
boleh juga nih tutorialnya sob :) thanks
@Ina Amaliadipersilahkan sob :)
@mas-andessama-sama sob,semoga bermanfaat..
happy blogging :)
Terima kasih banyak kawan, tutorialnya sangat berguna sekali, Bisa membantu saya nih
terima kasih sudah berbagi
harus manual ya mas
ijin nyomak dan mempelajari kembali sobat,
sangat bermanfaat sekali
terima kasih
wab mantep nih sob, selama saya nge blog, hampir seluruh postingan saya rata tengah, karena kalau rata kanan atau kiri pasti nggak enak rata, nanti saya coba tips ini. terima kasih sudah berbagi sob
@Penyuluh Perikanansama-sama mas :)
@Rizal Uyekalau manual lebih gampang diatur sob..
@Penyuluh Perikanandipersilahkan mas :)
@rekisama-sama sob,semoga bisa membantu tipsnya..
terima kasih kunjungannya :)
wah manteps nih tutornya kawan,,,makasih yah :)
@cahyo jmsama-sama mas,terima kasih kunjungannya :)
@Bfc Sarif SatriaSatriaan oke sama2 sob, hehe :)
@rekisipp sob :)
Kalau di postingan dibuat seperti ini, pasti gak akan terlalu memakan tempat ya sob! Nice :)
@Daniel Benny Simanjuntakbetul bnget sob :_)
informasi menarik sob, menarik untuk di coba. kalau ukuran gambar ngaturnya gimana sob
nice info sob,ijin untuk mencoba nanti,terimakasih untuk info yang satu ini sob,,,
@Jefanmenggunakan height dan weight :)
@Dede Theasama-sama sob.
happy blogging :)
@Dede Theasama-sama sob.
happy blogging :)
Gan sudah saya coba dan sudah saya kasih URL gambarnya tapi di tampilan blog saya tidak ada gambarnya hnya cuman tulisan judul dan format file ny doank gimana carannya gan agar ada gambarnya tolonk solusinya.
@Anonymouspastikan sobat taruh kode diatas di dalam tab HTML,jangan di compose..
dan gambarnya coba dicek lagi apakah alamat urlnya sudah bener?
blogger hp gk bsa copy htmlnya kang :)
Kalau ada di teks area mantep tuh kang bisa langsung copy,. :)
sangat bermanfaat tutorialnya
http://blogziip.blogspot.com
ini yang saya cari ,,,,
makasih ilmunya mas
sangat berguna ! ini yang saya cari-cari
Siiippp
thanks banget. its work, even on joomla!
Denizli
Konya
Denizli
ısparta
Bayburt
KR08A
https://titandijital.com.tr/
ısparta parça eşya taşıma
ankara parça eşya taşıma
izmir parça eşya taşıma
diyarbakır parça eşya taşıma
NİSAN
giresun evden eve nakliyat
balıkesir evden eve nakliyat
maraş evden eve nakliyat
kastamonu evden eve nakliyat
kocaeli evden eve nakliyat
F32F
6E557
order testosterone enanthate
buy testosterone propionat
oxandrolone anavar for sale
parabolan for sale
peptides
buy testosterone enanthate
buy anapolon oxymetholone
steroids for sale
buy turinabol
2F4DD
buy testosterone propionat
Aydın Evden Eve Nakliyat
buy halotestin
Bingöl Evden Eve Nakliyat
order oxandrolone anavar
Siirt Evden Eve Nakliyat
Bolu Evden Eve Nakliyat
masteron
Silivri Cam Balkon
Post a Comment