Tuto : Border melengkung sekeliling sidebar

Selamat tengahari semua..hari ni nak teach tuto untuk template biasa yang kita guna direct dari blogspot ni je. Tak sure sama ada blogskin boleh guna ke tak. Border yang dimaksudkan macam gambar kat bawah ni. Nampak line hijau sekeliling followers tu kan.

 

Firtsly open DASHBOARD > TEMPLATE > EDIT HTML > PROCEED > EXPAND WIDGET

Then tekan Ctrl+F serentak untuk memudah kan pencarian. Copy dan cari kod di bawah ni.

/b:skin> kalau tak jumpa,cari kod ini .sidebar .widget {

 

Lepas tu copy kod dibawah ini dan paste DI ATAS kod yang di cari tadi. *NOTE: KALAU KORANG PUNYA TEMPLATE ADA KOD .sidebar .widget { CUMA PASTE KOD YANG DIHIGHLIGHTKAN DIBAWAH KOD .sidebar .widget { TERSEBUT SAHAJA.

 

.sidebar .widget {

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

border:1.5px solid #99cc99;

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

padding:10px 7px 10px 7px}

 

 

Merah- Saiz lengkungan yang korang nak. Ikut suka la.

Purple- Saiz border. Makin besar saiz,makin tebal border.

Oren- Jenis border. Boleh usha gambar kat bawah ni.
Biru- Warna border.
Pink- Keluasan border dari tajuk dan content

Dah settle semua, preview dulu. Kalau ok, save! Lain template lain kod.