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

Letakkan komen anda disini.Segala komen adalah dihargai.Sila buat backup bila membuat perubahan pada template.Terima Kasih.

9 Comments:

yen(toka ziizokukuto) berkata...
terima kasih atas kunjungan

terima kasih :)

dkna berkata...
terima kasih atas kunjungan

tenkiu yea :)

yusuflaili berkata...
terima kasih atas kunjungan

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

yahaya berkata...
terima kasih atas kunjungan

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

Cik Kasih berkata...
terima kasih atas kunjungan

wah..bnyknye tuto..

infokes berkata...
terima kasih atas kunjungan

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

Haszrol berkata...
terima kasih atas kunjungan

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

MoHd ShahriN berkata...
terima kasih atas kunjungan

thanks!

suzie rahman berkata...
terima kasih atas kunjungan

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

Related Posts Plugin for WordPress, Blogger...