Home Owner Tutobies Other Friends Themes

Senin, 07 September 2015

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!

5 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...