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 :)




Post a Comment

8 Comments:

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

terima kasih :)

dkna said...
Teknik Buat Blog

tenkiu yea :)

yusuflaili(Goku) said...
Teknik Buat Blog

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

sibersensasi said...
Teknik Buat Blog

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

CikTeddyCorner said...
Teknik Buat Blog

wah..bnyknye tuto..

infokes said...
Teknik Buat Blog

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

Haszrol said...
Teknik Buat Blog

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

suzie rahman said...
Teknik Buat Blog

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