Rounded corner pada sidebar (Blogger Template Designer)

Tutorial ni yang paling susah sara buat tau tak... (Gila susah.. Susah pon tak gila macam ni)

Ok guys, sara tak mau cakap banyak.. Lets begin.
Fist macam biasa korang pegi DESIGNEdit HTMLtick Expand Widget Templates..
dah siap?
Korang try cari 0r Ctrl+F(untuk cepat)

.main-inner .column-left-inner,
.main-inner .column-right-inner {

Lebih kurang macam ni la korang akan jumpa..

.main-inner .column-left-inner,
.main-inner .column-right-inner {

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

-moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

-goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);

-moz-border-radius: $(widget.border.radius);

-webkit-border-radius: $(widget.border.radius);

-goog-ms-border-radius: $(widget.border.radius);

border-radius: $(widget.border.radius);

Delete semua tulisan merah tu... (take a risk la sikit oke!)
Then pastekan code ni di bawah code hitam yang tinggal tu..

background: #FFFFFF;
border: 2px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;

#FFFFFF korang boleh tukar colour background sidebar ikut suka korang
#000000 korang boleh tukar colour border korang ikut kemampua korang.. hehe.. ^_^

Preview dulu oke! Kalau menjadi the SAVE! Kalau tak jadi, sila tinggal comment, sara boleh tolong tengok-tengokkan..

---

Thanks For Reading. Like And Comment Here ^_^

---