BACKGROUND IN SIDEBAR (WITH HOVER)
sebelum hover
setelah hover
- Dashboard >>> Template >>> Edit HTML
- Cari (CTRL + F) kode :
/* Mobile
.sidebar .widget{
border:2px solid #3BB9FF;
padding:10px;
background:url(URL Background);
border-radius:10px;}
.sidebar .widget:hover {
-webkit-box-shadow: 0px 0px 8px 3px blue;
-moz-box-shadow: 0px 0px 8px 3px blue;
box-shadow: 0px 0px 8px 3px blue;
-webkit-transition-duration: 4s;
border-top: 2px dashed rebeccapurple;
border-bottom: 2px dashed rebeccapurple;
border-left: 2px dashed rebeccapurple;
border-right: 2px dashed rebeccapurple;
border-radius: 40px 0px 40px 0px;
-moz-border-radius: 40px 0px 40px 0px;
-webkit-border-radius: 40px 0px 40px 0px;
}
- Paste tepat di bawah kode ----------------------------------------------- */
- Enggak eror? Save!
Ket:
-- : Jenis border
-- : Kode warna
-- : URL background
-- : Ukuran

Labels: ♫ Tutorial, sidebar
<$BlogCommentBody$>
<$BlogCommentDeleteIcon$>