Sidebar Boder Style #1

Assalamualaikum >.<

Harap takde yang keliru . ini tuto sidebar border  bukan sidebar title boder oke  

kalau nak tuto sidebar title border bole lihat di SINI . Oke . Jom Start  

| Contoh |

  Dashboard > Template > Edit HTML > Tick Expand Widget  ( Wajib  )

Template Denim --- >

  Ctrl F serentak cari code ini : ---

/* Sidebar Content

  Copy and paste code ini di bawah code tadi 

.sidebar .widget {

      background: #FFFFFF;

 font-family:consolas;

                border: 3px solid #DEDCDD;

border-radius:20px;

           margin:0 -5px 1.5em -5px;

               padding:0px 8px 10px 8px;  }

Selain dari template denim --- >

  Ctrl F serentak cari code ini : ---

/* Widgets

  Copy and paste code ini di bawah code tadi

.sidebar .widget {

      background: #FFFFFF;

 font-family:consolas;

                border: 3px solid #DEDCDD;

border-radius:20px;

           margin:0 -5px 1.5em -5px;

               padding:0px 8px 10px 8px;  }

Atau

  Ctrl F serentak cari code ini : ---

]]></b:skin>

  Copy and paste code ini di atas code tadi 

.sidebar .widget {

      background: #FFFFFF;

 font-family:consolas;

                border: 3px solid #DEDCDD;

border-radius:20px;

           margin:0 -5px 1.5em -5px;

               padding:0px 8px 10px 8px;  }

  Save template  

Bagi selain Denim template rasanya tak kesah koud nak letak kat mana2 pon . Just try oke .

 Note 

Pink : Code Warna ambil di SINI

Purple :  Boleh tambah atau kurangkan lengkungan sidebar 

 Kalau tak nak melengkung,  padam code ini : --

border-radius:20px;

 Kalau nak background gambar ganti kan code --- >   background: #FFFFFF;  

     dengan code ini  : - - 

background: url( URL BACKGROUND );

 Done  

Mohon Comment . Isyah nak tau jadi ke tak . 

Thanks . Wassalam