Tutorial Blog | Cara nak buat border untuk sidebar

Salam to all readers..

Dil dapat request dari kawan dil..

dia suruh dil ajar cara nak buat border untuk sidebar..

Macam nii..

*

*

Macam kat blog dil ni,

ni pakai border jenis square dan solid

So untuk entry kali ini 

dil akan ajarkan cara buat border square..

Simple jer..

Jum ushar tutorial yang dil buat untuk korang..

Kalau tak dapat nak follow, 

jangan malu, jangan segan..

Tanya jer ok..^^

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 dekat sini

border:4px solid #FCDFFF;

dil 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..

HTML color code

nota kaki:

untuk entry akan datang , 

dil akan ajar cara buat border sidebar jenis melengkung pula..