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/AVvXsEgA516355nXizoGsErSn5vmxHEuhaXvMKwx1wV4OKcK3ZW3Fw9O_kYEG7_sOU4-eNCFSu-TJk4X2MYNBpX-oiFY6GaV8VJfXhGR_pFEn2bR3Np6oqpUtBIcL8Bh6SpTf74NyrcSxPrXrn8/s1600/drop+shadow+.png) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA516355nXizoGsErSn5vmxHEuhaXvMKwx1wV4OKcK3ZW3Fw9O_kYEG7_sOU4-eNCFSu-TJk4X2MYNBpX-oiFY6GaV8VJfXhGR_pFEn2bR3Np6oqpUtBIcL8Bh6SpTf74NyrcSxPrXrn8/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 andaSelamat mencuba :)
Sumber : http://teknikbuatblog.blogspot.com
0 komentar:
Posting Komentar