Sidebar Cam Aku

Tuto nie atas permintaan Izan Mama Lia jadik aku buat tuto nie khas untuknya....

Firtst klik  Design pastu Klik edit Html cari coding nie....

 /* Widgets
----------------------------------------------- */

Dah jumpa coding di atas buang semua  coding yg berada di bawahnya...sebelum coding di bawah nie tau...

 /* Widgets
----------------------------------------------- */

Pastu masukkan Coding nie...

.sidebar h2 {
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
text-shadow: 3px 3px 3px #ffffff;border-bottom: 5px solid #81BEF7;
background :url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUTAHHOSekCP8X0_D3YPs18Q49bcSukyZbhYul9dcBTA08HS2Jg9HUOARuF818V3kcYNxZD5ARWagrwV0fuTUHHhdkC2J4-02_rySDI4jhNHyAG_bMerNPzr4ihgbSONdgUQYgDhi5OXQ/s1600/bgk.png);
text-align: center;
font-size: 18px;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar ul li {
background:url(http://i1133.photobucket.com/albums/m582/alifismail/ikon-list.png) no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:2px;
text-indent:7px;
line-height:1.3em;

}

.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
  border-top: none;
}

.widget .post-body ul {
  list-style: disc;
}

.widget .post-body ul li {
  border: none;
}
.sidebar .widget {
text-align:center;
-moz-border-radius: 18px;
background:#;
-moz-box-shadow: 0 0 20px #ff0090 ;-webkit-box-shadow: 0 0 20px #ff0090;
border: 4px Outset #ff0090;
padding-bottom: 0.9em;
line-height:1.9em;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLDnmBoUob_pyjYZDYcDoDn1niRTxQnHG2L_aBhUAPcangRhXNHUs-ApW67MoDrYkxQuBYE3dzvXl4eccTZI4TxIkKk9c4CL6PT2ZzTUwJJGRumzWfqZisN8KySxFPcMe9q2XiKJIXQVV/s1600/widget.png);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}


Di bawah Widgets yang korang delete tadi....Kalau betul caranya Insya Allah menjadi...

---

TERIMA KASIH SUDI BACA DAN KOMEN

---