Slide Out Sidebar Content Slide Out Sidebar Content

Left Sidebar

.sidebar .widget{
border:2px inset #FF0000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height:250px;
overflow:auto;
-o-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-webkit-transition:all 1s ease-out;
}
.sidebar .widget:hover{-moz-box-shadow:0 0 70px #F80505;-webkit-box-shadow:0 0 70px #F80505;box-shadow:0 0 40px #F80505;
background:#000 url(http://i1206.photobucket.com/albums/bb455/binkbenk/blogger-2.png)no-repeat center;
font-size:large;
width:500px;
margin-left:25px;
border:4px dotted #FF0000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;
}

Right Sidebar

.sidebar .widget{
border:2px inset #FF0000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height:250px;
overflow:auto;
 -o-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-webkit-transition:all 1s ease-out;
}
.sidebar .widget:hover{-moz-box-shadow:0 0 70px #F80505;-webkit-box-shadow:0 0 70px #F80505;box-shadow:0 0 40px #F80505;
background:#000 url(http://i1206.photobucket.com/albums/bb455/binkbenk/blogger-2.png)no-repeat center;
font-size:large;
width:500px;
margin-left:-225px;
border:4px dotted #FF0000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;
}

Langkah pemasangannya :

1. Login ke blog Sobat
2. Masuk Rancangan Pilh Edit HTML
3. Copy kode diatas dan pastekan diatas kode  ]]></b:skin>