Membina effect bayang-bayang pada gambar


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.

G+

0 comments:

Post a Comment