Tutorial : Sidebar Style Like Mine

Halooo ! Balik lagi dengan tutorku ini ^_^



Blogger >> Template >> Edit HTML
--------------------------------------------------------------------------------------------------------------------------------------

Tekan CTRL+F bersamaan pada keyboard, lalu cari kode

.sidebar .widget{

dan

.sidebar .widget:hover {

Atau kalau tidak ada, tambahkan kode .sidebar .widget{ dan .sidebar .widget:hover { DI BAWAH kode

/* Mobile

--------------------------------------------------------------------------------------------------------------------------------------
Setelah ketemu, hapus semua kode di bawah 2 kode itu. Tukar dengan kode

.sidebar .widget{
width:200px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-top: 5px;
border: 1px solid black;
padding:10px;
font-size: 10px;
background:url(URL BACKGROUND)repeat;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.sidebar .widget:hover {
-webkit-box-shadow: 0px 0px 12px 2px #000;-moz-box-shadow:    0px 0px 12px 2px #000;box-shadow:         0px 0px 12px 2px #000;-webkit-transition-duration: 2s;
border: 1px dashed #FFFFFF;border-radius: 30px 0px 30px 0px;
-moz-border-radius: 30px 0px 30px 0px;
-webkit-border-radius: 30px 0px 30px 0px;
}

--------------------------------------------------------------------------------------------------------------------------------------
Save !!! Mudah kok ^_^

Credit : Ini ^_^