Ada kalanya kita ingin membuat seperti di majalah-majalah dimana text mengalir di sekeliling gambar. Mungkin akan lebih jelas jika saya tunjukkan gambar ini:
Bagaimana caranya?
Kita akan memasukkan style CSS ke dalam kode gambar sehingga bisa melakukan aneka macam modifikasi. Insya Allah nanti di bagian CSS kita akan pelajari semua lebih rinci. Karena artikel ini bertujuan untuk membuat text yang mengalir di sekeliling gambar, maka kita bahas bagian itu saja dulu ya.
Untuk menambah CSS di kode HTML, kita cukup menambahkan atribut style saja. Sehingga hasilnya seperti ini:
<img src="images/gambarku.jpg" alt="Ini Gambarku" style="float:right"/>
Perhatikan, ada tambahan style="float:right" pada atribut images-nya. Pada contoh diatas, saya buat gambar ada di sebelah kanan dan text mengalir di sebelah kirinya. Apabila ingin gambarnya di kiri dan text di kanan, maka kita cukup mengganti kata right dengan left. Gambar bukan? Contohnya seperti ini:
<img src="images/gambarku.jpg" alt="Ini Gambarku" style="float:left"/>
Bisa dimengerti kan?
Oke, insya Allah besok kita bahas bagian HTML yang cukup penting dalam SEO yaitu Heading. Doakan mudah-mudahan punya banyak waktu ya.. Thanks
wah, ini penting ini di bookmark
Kenapa teks nya ga muncul?
wah..enak ini..ilmunya berurutan…makasih atas keikhlasan berbagi ilmunya..lanjut
Ngga guna
kok yg keluar gambar teletabis??
pindahkan gambarnya di satu folder htm …intinya gambar harus 1 pket dengan file tersebut
follow yah @Januuuaaaarrrrr
Ikuti juga “kedokteran-kesehatan.blogspot.com” mas januar,.
Biar tambah ilmu kesehatannya
maafkeliru yg bener @Januuaaarrrr 😉 :*
Follow yah sayang ({})
Aku Sayang Nurma ({})
thanks 🙂
masih pemula nie saya.
biar dapat ilmu bnyak 😀
aku juga pemula 😀
Pukiomak klen tu
komentar sampah…
Kok aku gambarnya gak keluar?
not working… shhh!!
salam kenal …
yang lagi nyari jersey bisa mampir di Kaos Jersey Bandung
trims ya, saya ibu rumah tangga yang masih mau belajar.Untuk pemula saya sangat senang
sampai tahap ini saya masih bisa ikuti,dan hasilnya lumayan untuk pemula
bagaimana cara melinkkannya ya
Mana Text nya??
Yang muncul hanya gambar nya pindah ke samping kanan,
tapi tidak ada text nya??/ tolong di jelaskan
Thnx
Makasih banyak broo…. berguna bgt ilmunya buat pemula, caranya berurutan jadi gampang dimengerti. Mantap gan.
untuk yang text mengalir,setelah saya coba tambahkan style sesuai tutor diatas,mengapa tidak ada perubahan??
saya edit HTML menggunakan notepad++ sesuai saran anda..
mohon solusinya,,terima kasih.. ^~^
coba seperti ini
tulis sebuah kalimat sebelum script untuk memunculkan gambar itu.
contoh :
Apa Kabar Dunia!!
semoga membantu
Pingback: Membuat Text Mengalir di sekeliling Gambar – MAHASISWA MP
tolong dibantu kenapa yang muncul hanya gambar saja tulisannya tidak ?
kurang mengerti boss