DASHBOARD HOME TUTORIAL TEMPAHAN MY DESIGN

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