Sidebar berkedip
Background Sidebar Berkedip saat disentuh Kursor
Hi Sobat, Pagi ini saya mau berbagi trik untuk memperindah blog. kasusnya adalah saat kursor berada dikolom post atau sidebar background langsung berubah warna, pagi ne saya lagi malas bercerita panjang lebar, jadi sobat coba saja letakkan kursor sobat di kolom Posting Baru Di Email sebagai contoh, nah bagaimana..?? kalo sobat tertarik ikuti aja trik dibawah ini, yukk..!! Seperti biasanya,- Login ke blogger
- Tata Letak
- EDIT HTML
Untuk Main Widget Berkedip (pada kolom posting)
Cari Kode seperti ini:
.main .widget{
background:#FFFFFF;
border-bottom:0px solid #eeeeee;
margin:0 0 1.0em;
padding:0 0 1.5em;
}
Ganti tulisan yang berwarna merah dengan kode berwarna biru dibawah ini:
- .main .widget:hover {
background:#008000;
.color:#FFFFFF;
}
Membuat Sidebar Berkedip
Cari Kode seperti dibawah ini:
.sidebar .widget{
background:#FFFFFF;
border:0px solid #6c6b6b;
margin:0 0 1.0em;
padding:0.5em;
}
Ganti tulisan yang berwarna merah dengan kode berwarna biru dibawah ini:
.sidebar .widget:hover {
kemudian klik simpan.
background:#008000;
.color:#FFFFFF;
}
hover adalah bahasa programan yang menyatakan jejak dari kursor, apabila saat kursor berada didalam kolom post atau sidebar maka akan berubah warna sesuai dengan perintah hover seperti diatas, oleh karena itu hover (yang bertulisakan biru) warnanya harus beda dengan warna dari sidebar sobat,
Mudah Bukan,
Selamat Mencoba..!!
Label: sidebar berkedip


0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda