Membuat kesan drop shadow pada gambar

Meletak imej pada artikel adalah sesuatu yang membawa kesan yang mendalam kerana gambar lebih bermakna dari seribu perkataan.Boleh memberi pelbagai gambaran pada pembaca jika dibandingkan dengan teks saja.Posting kali ini adalah cara bagi memberi kesan drop shadow pada gambar yang ada pada blog anda supaya nampak lebih menarik lagi.drop shadow adalah kesan bayang yang timbul pada sesuatu objek.











Cara membuat kesan drop shadow pada gambar:
Pada Dashboard --Pilih Template--edit HTML



Cari kod  ]]></b:skin> pada template dan letakkan kod dibawah ini diatasnya
.drop-shadow img {
background:url(http://4.bp.blogspot.com/-0T5er3rpboM/TpZ-mhSj64I/AAAAAAAABv4/gShryFNslmQ/s1600/drop+shadow+.png) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

cari kod <data:post.body/>
dan gantikan dengan kod

<div class='drop-shadow'><data:post.body/></div>
Kemudian simpan template anda
Selamat mencuba :)




Catat Ulasan

9 Comments:

yen(toka ziizokukuto) berkata...
Teknik Buat Blog

terima kasih :)

dkna berkata...
Teknik Buat Blog

tenkiu yea :)

yusuflaili berkata...
Teknik Buat Blog

Salam;
TQ..pada bro Yahaya,aku banyak belajar tutorial diblog ni..

yahaya berkata...
Teknik Buat Blog

@yusuflailiw/salam...saya juga ucap terima kasih kerana sudi ziarah disini..:)

Cik Kasih berkata...
Teknik Buat Blog

wah..bnyknye tuto..

infokes berkata...
Teknik Buat Blog

langsung dicoba gan, siapa tau bisa mantab, thx infonya bos

Haszrol berkata...
Teknik Buat Blog

thanks... byk dapat dipelajari d sini...

MoHd ShahriN berkata...
Teknik Buat Blog

thanks!

suzie rahman berkata...
Teknik Buat Blog

eeee bnci toi.awat lh klu tgn suzie wat sume xjd.ish