Selasa, 10 Januari 2012

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,
  1. Login ke blogger
  2. Tata Letak
  3. EDIT HTML
Sesuaikan, 
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;
    }
kemudian klik simpan.

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 {
    background:#008000;
    .color:#FFFFFF;
    }
kemudian klik simpan.
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:

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda