Untuk membina efek bayang-bayang pada bahagian kanan dan bawah gambar seperti yang anda dapat lihat pada gambar di atas, hanya perlu mengikuti beberapa langkah di bawah.
p/s: Sila save dahulu script template anda sebelum membuat editting.
Langkah 1
Log in blog => Dashboard => Layout => Edit HTML. Seterusnya tick pada Expand Widget Templates
Langkah 2
Tekan Ctrl+F dan taipkan kod .post img { dan seterusnya tekan enter.
Langkah 3
Salin kod di bawah dan pastekan di bawah kod .post img { ( lihat langkah 2)
background: url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
border: 0px;
Contoh:
.post img {
background: url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
border: 0px;
Akhir sekali, klik save.
0 comments:
Post a Comment