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 padagambar 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:
Tandakan pada Expand Widget templates
Cari kod ]]></b:skin> pada template dan letakkan kod dibawah ini diatasnya
cari kod<data:post.body/>
dan gantikan dengan kod <div class='drop-shadow'><data:post.body/></div> Kemudian simpan template anda
Cara membuat kesan drop shadow pada gambar:
Pada Dashboard --Pilih design--edit HTML
Tandakan pada Expand Widget templates
Cari kod ]]></b:skin> pada template dan letakkan kod dibawah ini diatasnya
.drop-shadow img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGVTAvmHMG1ohZtE9Ed3ErL68jOyiCwiwTFpPoXqN4Br978_mz2fZSExPxw4Va3Z4qDLdwv8pYXSDIAYKreDczdMNmZ9glBeabIKOax30fw0iXfz3GvKp4Yhw_6WtfWxLQl50ohP-Ldwg/s1600/drop+shadow+.png) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGVTAvmHMG1ohZtE9Ed3ErL68jOyiCwiwTFpPoXqN4Br978_mz2fZSExPxw4Va3Z4qDLdwv8pYXSDIAYKreDczdMNmZ9glBeabIKOax30fw0iXfz3GvKp4Yhw_6WtfWxLQl50ohP-Ldwg/s1600/drop+shadow+.png) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}
cari kod
dan gantikan dengan kod