Tutorial Blog | Cara nak buat border melengkung untuk sidebar

Salam to all readers

Sebelum ni dil pernah tunjuk cara nak buat border untuk sidebar kan..

Untuk kali ini, dil kan tunjuk cara nak buat border melengkung pula..

Macam ni..

*

*

Simple jer nak buat..

Jum tengok tutorial yang dil buat untuk korang..

Kalau ada problem, jangan malu, jangan segan,

tanya dil jer ok..^^

Step 1

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

Step 2

Tekan Ctrl+F dan cari code dibawah

.sidebar .widget{

Step 3

Copy dan paste kan code dibawah dan masukkan selepas code .sidebar .widget{

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:4px solid #D41A1F; 

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{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:4px solid #D41A1F;
margin:0 -5px 1.5em -5px;
padding:0px 7px 10px 7px}

*kalau korang nak tukar warna border tu,

korang boleh pilih warna dekat SINI..

nota kaki:

Senang jer kan..

Selamat mencantikkan blog..^^