Thursday, December 20, 2012

Tutorial letak shadow di keliling blog

Assalamualaikum..
Jawab jangan tak jawab, WAJIB!!

Korang nak tak blog korang tu nampak menyerlah, nampak menonjol gitu.. Haa,, letak lah shadow keliling blog.. Baru cantik.. Macam blog retis.. Hehe hihi huhu.. ^_^  Cuba tengok blog bawah ni, cantik kan.. Dengan effect shadow di keliling border blog tu, blog tu nampak lebih menyerlah.
Hehe, sebenarnya blog yang bershadow ni, freebies template saya.. Kalau korang nak, boleh pergi kat SINI..
Ok, saya ajarkan eh cara nak letak shadow tu.

1- Pergi Template ----> Edit HTML ----> Tick Expand Widget Templates

2- Tekan CTRL+F, cari kod ni .content-inner { Kalau tak jumpa, cari yang ni, #content-wrapper {

3- Then, copy kod ni
-moz-box-shadow: 0 0 4px 4px #FF4ECD;
-webkit-box-shadow: 0 0 6px 6px #FF4ECD;
box-shadow: 0 0 4px 4px #FF4ECD;

4- Paste kat bawah kod yang korang cari tadi ye..

5- Preview dulu, kalau jadi, save..

*Ungu = Tukar ikut ketebalan shadow yang korang nak
*Merah = Warna shadow. Cari kod warna di SINI..

Kalau korang nak buat border blog korang melengkung, pergi ke tutorial INI..

No comments:

Post a Comment

 
Blog 100% edited and touched by CIK LIMEGREEN