Rabu, 18 Agustus 2010

Memberi Bingkai Pada Gambar


Setelah dulu kita belajar tentang cara memasang gambar (Baca : Memasang gambar pada blog) sekarang kita akan coba mempercantiknya dengan memberi bingkai pada gambar tersebut. Penasaran….???? Mari kita mulai belajarnya.

Sebenarnya trik ini cukup mudah. Kita tinggal menyisipkan attribute style pada tag <img> kemarin. Berikut contohya

<img src="http://i711.photobucket.com/albums/ww117/vilanata/Fotoku.jpg" style="border:#BFC3FF 6px solid;" alt="Fotoku"/>

hasilnya:
Fotoku

Ket:
Merah = Warna bingkai (untuk koleksi warna terlengkap (Baca : Kode Warna HTML))
Biru = Tebal bingkai
Hijau = Jenis bingkai (kalian bisa memilih 8 jenis bingkai lho...!!! (Baca : Jenis-jenis Border Style)

ini aku kasih contohya setelah di edit

<img src="http://i711.photobucket.com/albums/ww117/vilanata/Fotoku.jpg" style="border:#406DFF 8px inset;" alt="Fotoku"/>

Hasilnya:
Fotoku

oke... mudahkan...?!?! selanjutnya silakan teman-teman kreasikan sendiri. Semoga bermanfaat.

Related Articles :


22 komentar:

tips dan informasi terkini mengatakan...

wah keren banget ya klo dikasih seperti itu? nanti berarti tmbh dong size gambarnya?

Akbar mengatakan...

Wah Krren juga kalo foto di berikan bingkai sip dee

Udhi mengatakan...

@tips dan informasi, nyante aja sob... size gambarnya masih tetap kok..!!!

@Mas Akbar, he'em sob... jdi tambah keren nih..!!! Ha3x...

aji mengatakan...

Keren mas..... di coba dolo...

BILA ANDA PECINTA PERSAHABATAN SUARAKAN TANGGAPAN ANDA DI SINI

Om Canel mengatakan...

nyoba dulu ah . . .
semoga hasilnya memuaskan,,

om canel

uchu mengatakan...

badadadaaaay, nice info gaan.. ctr + d yaaah. hhe

PIK Remaja Al-Hikmah mengatakan...

Wah jadi lebih cantik ya gambarnya... Boleh ku ambil code scripnya nggak kawan tuk ku praktikkan

Udhi mengatakan...

@all, terima kasih... Silakan dicoba... semoga bermanfaat... Amin... ^_^

Iklan Baris Gratis Tanpa Daftar mengatakan...

tutorial yang menarik shob saya simpan dulu ya satu saat di perlikan untuk blok ku ini

Dhana/戴安娜 mengatakan...

salam sahabat
wah siip perlu dicoba thnxs ya

Taufik mengatakan...

kok keterangan terakhirnya semoga manpaat..?
Ya jelas manpaat lah.. lha wong " BELAJAR ASIK " kok ga manpaat..
makasih ya dah berbagi ilmu di sini .. jadi ane ga usah
" GOLEK ELMU " jauh-jauh

Najibblog2010 mengatakan...

wah bagus banget nih sob..

Oh ya salam kenal n sukses selalu...

Oh ya anda jua sudah saya follow...follow balik ya??hehe...

loecky mengatakan...

kalau keren begini, tukang bingkai bisa ngga laku nih :)

Sodikin Kurniawan mengatakan...

WAh gambarnya jadi bagus... boleh dicoba ne, makasih ya..

plukers mengatakan...

mantab infonya...patut dicoba...

lulu sulastri mengatakan...

waw infonya bagus-bagus mas,,
ijin follow yah untuk terus bisa baca artikelnya,,,
=) salam kenal

kota ikan muncar mengatakan...

keren banget gambarnya sobat

Udhi mengatakan...

@all, thanks smuanya...!!!!!!!!
@kota ikan, kok gambarnya sih..???? ha3x.....

Pakbroncos mengatakan...

jadi tebel gitu yach mas..
bordernya :)
keren... nie tipnya ...

aku follow yach..
follow balik yach

Dwi mengatakan...

terimakasih sob, artikel ini berguna untuk saya. kalau saya malah bingung mau menghilangkan bingkai gambar. ternyata kodenya seperti di artikel ini.
ijin follow ya.

Tiket mengatakan...

wow, nemu tutorial bagus juga disini.

makasih bro atas sharingnya.:D

David mengatakan...

bagus kontennya thank you

Posting Komentar

 

Belajar Asik Copyright © 2010 LKart Theme is Designed by Lasantha