MELETAKKAN GAMBAR DI SEBELAH KANAN ATAU KIRI ARTIKEL



Meletakkan gambar atau image memang bisa memperindah tampilan suatu blog,tapi jika kita menaruhnya kurang serasi bisa saja merusak pandangan bahkan membuat jenuh bagi pengunjung. Apalagi jika gambar tersebut berada di antara artikel yang kita buat. Sebenarnya di sini yang ingin saya katakan adalah ketika kita meletakkan gambar apa adanya pada artikel yang akan terlihat menjorok ke atas.
Untuk mengatasi hal ini sobat bisa menyisipkan kode css dengan menambahkan ukuran dan letak gambar. Selanjutnya bisa meletakkan gambar tersebut di sebelah kanan maupun pada sebelah kiri dari artikel kita.

Gambar di samping akan terlihat mengambang di sebelah kiri setelah kita menambahkan kode css nya. Misalkan disini saya punya alamat gambar <img src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png"> Kita tinggal menambahkan letak dan ukurannya yang akan menjadi seperti ini <img src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png" align="left" width="100" height="100">

Gambar di samping akan terlihat mengambang di sebelah kanan dengan mengganti posisi left menjadi right. Sobat juga bisa menyesuaikan juga lebar dan tingginya.

Gambar di samping akan terlihat menjorok ke atas ketika kita letakkan apa adanya tanpa menambah ukuran dan letak gambar.

Semoga bermanfaat !



25 komentar:

Media Promosi Online mengatakan...

disisipak dimn gambar kodenya itu,aku cari2 jg cara memasukan gambar di jdl template

Darmasena mengatakan...

@Media promosi online : Letakkan sebelum artikel yang di tulis. Untuk memasukkan gambar pada judul lihat di sini

Ahmad mengatakan...

Nice info gan, salam kenal ya..

Teras Info mengatakan...

infona baik sekali...:D

Hitam Putih Kehidupan mengatakan...

salam kenal sobat..

artikel yang bagus sobat untuk mengatur gambar. Jadi lebih rapi dan bagus tentunya dengan mengatur peletakan gambar yang tepat

sukses selalu sobat

Andry Pe'I Pramudya mengatakan...

lah terus piye kang mas caranya??? :((
kode nya diletakan dimana ~x(

Cinta Renjana mengatakan...

http://bloggerstuars.blogspot.com/2009/11/mendayagunakan-margin-pada-posting.html

Supaya lebih rapi n cantik mesti diberi jarak dengan "margin" bisa diikuti pada link tsb diatas.
Terima kasih.

Anonim mengatakan...

thanks for the tutorial.

flodesta mengatakan...

terimakasih. Sangat bermanfaat buat saya.

Rofa_Xalana mengatakan...

ok".......la kue eleng pas gawe image serelius 3G


ki aq gogon

syaibani mengatakan...

2 jempol mas bro.

lahar mahdi mengatakan...

artikel yang bagus boz,

ingin jumpa dengan penjual dan pembeli, ingin jumpa dengan kawan, saudara dan mitra di sini solusinya .

www.jumpalagi.us

media informasi mengatakan...

mau ikut nyoba masang. tenks

Direktori Penerjemah Indonesia mengatakan...

Makasih udah sharing artikel yang bermanfaat.

Salam kenal dari Direktori Penerjemah Indonesia.. :)

Sedot WC Jakarta mengatakan...

terima kasih atas tutorialnya

Dody purba mengatakan...

nice Blog, good luck :)

Paket Wisata Pulau Untung Jawa mengatakan...

terimakasih gan

MaYa KayLa mengatakan...

masih bgung gan,,,,

Sholihin Al Awwali mengatakan...

makasih banget ... sangat bermanfaat... mampir ya sholihinblog.blogspot.com

hajarjahanam cair mengatakan...

makasih gan infonya.Langsung ke TKP

hajar jahanam cair

taufiq azzy mengatakan...

kalau buat gambar/fotonya ditengah..
kodenya apa ???

thank's GAN :D

MITSUBISHI BINTARO mengatakan...

terima kasih infonya

risky rahmathsyah mengatakan...

Mantap bos.. tapi saya coba di mwb pke align="right" baru mau.

Trimakasih tutornya bos sudah mambantu saya.
Sukses slalu

dudung darukutni mengatakan...

good info

Music Arranger mengatakan...

ONLINE MUSIC ARRANGER
www.musicarranger.id
Jasa Aransemen Musik, Pembuatan Lagu, Jingle / Spot Iklan dan Soundtrack secara ONLINE.

:) :( ;) :D ;;) :P :-* :-o :(( =)) ~x(
Posting Komentar