tutorial | sidebar yang menarik

Salam dan salam sejahtera ^.^ hari ni macam rajin nak ajar newbee buat sidebar. Yang dah tau boleh pergi ke entry mimin yang baru.

sidebar yang macam mana tu ??

mesti ada yang nak buat kebanyakkannnya takk jadikan? Cuba ikut step ni. Kalau tak menjadi. Bagi tau mimin ye..

Step 1
DASHBOARD > DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES

Step 2
Cari code ini ( ctrl+F)
.sidebar .widget{
Step 3
Copy code dibawah ini dan letak selepas .sidebar .widget{ 

text-align: center;
background:#fff;
border:4px solid #FCDFFF;
margin:0 -5px 1.5em -5px;
padding:0px 7px 10px 7px
}


Kalau korang tak jumpa code .sidebar .widget{ korang copy code yang kat bawah ni dan letak kan di

DASHBOARD > DESIGN>TEMPLATE DESIGNER >ADVANCED> ADD CSS 

.sidebar .widget{
text-align: center;
background:#fff;
border:4px solid #FCDFFF;
margin:0 -5px 1.5em -5px;
padding:0px 7px 10px 7px
}

Step 4
Untuk ubah jenis border, rukarkan solid yg mcm mimin bold kan gantikan dengan 9 jenis border kat bawah ni

border:4px solid #FCDFFF;

mimin dah senaraikan 9 jenis border yang korang boleh guna.. Korang try and error je laa ok..

solid
double
groove
dotted
dashed
inset
outset
ridge
hidden

untuk tukar warna korang boleh refer kat sini..


SELAMAT MENCUBA (;


credit to :dil




0 Comments