Cara Membuat Sidebar Hover

Assalamu'alaikum!! Aza request nih. Sebenarnya masih banyak teman-teman yang request. Tapi Resti kewalahan, jadi bergiliran aja ya! Yuk yang kepo read more!!

1. Dashboard
2. Template
3. Edit HTML
4. Cari kode sidebar .widget {
Kode A.

.chuppa {

background: Pink;

margin-bottom:10px;

font-size:11px;

font-family: delius;

text-align:right;

letter-spacing:2px;

}

  border-bottom: 2px solid $(widget.border.bevel.color);

  padding-bottom: 10px;

  margin: 10px 0;

}

 Kode B

.sidebar .widget:hover {
-webkit-box-shadow: 0px 0px 8px 3px #99C7FF;
-moz-box-shadow:    0px 0px 8px 3px #99C7FF;
box-shadow:         0px 0px 8px 3px #99C7FF;
-webkit-transition-duration: 4s;
border-top: 2px solid #A8CFFF;
border-bottom: 2px dashed #000;
border-left: 2px dashed #D0E6FF;
border-right: 2px dashed #A8CFFF;
border-radius: 40px 0px 40px 0px;
-moz-border-radius: 40px 0px 40px 0px;
-webkit-border-radius: 40px 0px 40px 0px;
}

5. Mungkin dibawah kode yang kamu cari tadi ada kode yang ada di kode A. Kalau nggak ada ya dibawah kode } terakhir.

Nah, kode yang dilingkari adalah kode } terakhir.
6. Taruh Kode B DIBAWAH kode } terakhir.
7. Pratinjau lalu save

Semoga kalian mudeng ya! Semoga bermanfaat!!

---

Terima kasih telah membaca, tinggalkan komentar ya!

---