Wednesday, October 12, 2011

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRoBFHi9yP59fzxuzvCzF0mEOc9RVLcEJIzBqwXUBf0fnSWtzZAj0xnqdrSb_dYWelHe1UUSaITMWr1HDI-QSP4CihkRwvPNfGLKeJohd1PZQH1LTS6srhWmyZJwY2qeVU-AFg4vsMhlw/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 :)




No comments:

Post a Comment

Gambar Belangkas