Saturday, 24 March 2012

TUTORIAL: Sidebar Background

Hi There  ^ ^
Happy weekend ya. hehe

Hari ni mau buat tutorial letak background di sidebar. Tutor ni di request oleh Darwish
Tahu takk macam mana bentuk sidebar ni ? oke mari tengok bawah ni ;


Oke sekarang sudah tau kan.. be'minat mau buat? hehe mari ikut tutor di bawah ni..

Step 1: 
Design > Edit Html > Tick Expand Widget Templates

Step 2:
Tekan F3 dan cari ,
Pengguna Template Designer : h2 {
Pengguna Template Denim : .sidebar h2 {


Step3:
Copy kod di bawah ni:
border-radius:5px;
border-bottom: 2px dashed #ffffff;
border-top: 2px dashed #ffffff;
border-right: 2px double #ffffff;
border-left: 2px double #ffffff;
padding: 10px;
background-color: #ffffff;
text-align: center;

** Merah - warna background sidebar. 
** Pink - Warna border.

Step 3:
Paste di bawah h2 {

Step 4:
Preview dahulu kalau tiada error boleh save :)

SELAMAT MENCUBA   ^ ^


3 comments:

Darwish said...

Thanks keana tolong buatkan tutorial nieyh

Anie Roslezah said...

thanks dgn tutorial ni bgna utk sya yg bru dlm blog

Gifta Good said...

thanks tutorial ni berguna u/ sya, saya nak ambil live preview tu boleh?