WIDGET HOVER

Widget Hover Kalau agaN tertarik, ini tutor nya:

1. Masuk ke Dasbor blog agaN,
2. Klik Tata letak, Edit HTML
3. Cari kode berikut:

/* Sidebar Content ----------------------------------------------- */ #sidewrapper-left,#sidewrapper-right {

color: $sidebartextcolor;

line-height: 1.5em;

} #sidewrapper-left ul,#sidewrapper-right ul {

list-style:none;

margin:0;

padding:0 0 0

} #sidewrapper-left li,#sidewrapper-right li {

margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em;

} #sidewrapper-left .widget,#sidewrapper-right .widget{

background:#2A1B0A; border:1px dotted $bordercolor; margin:0 0 1em; padding:0.5em;

}

1. Kalau sudah ketemu, masukkan kode berikut ini tepat dibawah kode yg berwarna merah:

#sidewrapper-left .widget:hover,#sidewrapper-right .widget:hover{

background:#2A1B0A; border:1px dotted $bordercolor;margin:0 0 1em; padding:0.5em;

}

2. Sehingga menjadi seperti berikut:

#sidewrapper-left .widget,#sidewrapper-right .widget{

background:#2A1B0A; border:1px dotted $bordercolor;margin:0 0 1em; padding:0.5em;

}

#sidewrapper-left .widget:hover,#sidewrapper-right .widget:hover{

background:#2A1B0A; border:1px dotted $bordercolor;margin:0 0 1em;

padding:0.5em;

}

Catatan ane: Yg berwarna orange silahkan ganti atau samakan nilainya dengan nilai milik agan
3. Simpan Template gan.
4. Selesai.

Moga bermanfaat gaN . . .