Meletakkan Posisi Gambar di Samping Teks ~ Rizki's Blog

Friday, 3 January 2014

Meletakkan Posisi Gambar di Samping Teks

Halooo~ kali ini gue akan memberikan cara meletakkan gambar di samping teks pada postingan blog kita. Kayak gimana sih cara meletakkan gambar di samping teks kayak berita-berita di internet yang selalu menyertakan gambar pada setiap berita-beritanya? Gampang kok caranya. Tapi sebelumnya, diharapkan jangan memejamkan mata kalian saat pembelajaran ini berlangsung yaaa. Oke, watch and learn!

Pertama, kalian harus cari gambar (pastinya). Kedua, buatlah paragraf. Sebagai contoh, gue akan mengambil paragraf dari wikipedia, tentang Lionel Messi. Lalu, gue akan membuat dua paragraf, dan letak gambar di masing-masing paragraf tersebut berbeda-beda. Dan ini hasilnya... Oiya, untuk menggunakan html code dibawah cukup copy, dan ubah seperlunya saja. Perbedaan dari kedua HTML Code dibawah hanya terletak pada float:left; dan float:right;

ini adalah paragaraf dengan gambar yang terletak di sisi kiri paragraf:

Dan ini paragraf dengan gambar berada di sisi kanan paragraf:

Paste ke kolom di bawah ini untuk melihat hasilnya.

Rizki Muharam Sururi

Terima kasih telah membaca postingan ini. Silakan komentari atau kritik postingan ini melalui kotak komentar agar blog ini menjadi lebih baik. Apapun komentarnya, gua tetap menghargainya.

0 comments:

Be The First!

 

Copyright @ 2013 Rizki's Blog.