CARA MEMBUAT BAGIAN BLOG BERKEDIP

Setelah berulang kali percobaan Azmi blogger mengalami kegagalan, akhirnya berhasil juga untuk menampilkan sidebar widget, sidebar wrapper, main wrapper dan bagian lainnya berkedip/berganti warna ketika mouse berada diatasnya.
Namun sebelum membahas masalah itu, sebaiknya anda lihat juga cara membuat bagian blog anda berkedip, yaitu :

1. MEMBUAT LINK PELANGI VERSI 2
2. BACKGROUND JUDUL POST BERUBAH WARNA KETIKA MOUSE BERADA DIATASNYA
3. IMAGE JADI SAMAR KETIKA KURSOR DIATASNYA

Untuk melengkapi tips agar blog anda berkedip di setiap bagian, berikut ini merupakan langkah-langkah yang dapat anda lakukan :

1. Membuat Main Widget berkedip


1. Seperti biasa, masuk ke Blogger, Rancangan - Edit HTML.
2. Backup dulu templatenya jika takut gagal.
3. Cari kode untuk Main Widget seperti dibawah ini :
   
   .main .widget{
background:#3D81EE;
border-bottom:0px solid $bordercolor;
margin:0 0 1.0em;
padding:0 0 1.5em;
}


4. Tambahkan kode dibawah ini tepat dibawah kode tadi.
   
   .main .widget:hover {
background:#66B5FF;
}


5. Klik tombol Simpan Template.
6. Lihat Blog anda sekarang.


7. Membuat Sidebar Widget berkedip


1. Masih di Edit HTML.
2. Cari kode untuk Sidebar Widget seperti ini :
   
   .sidebar .widget{
background:#3D81EE;
border:0px solid #6c6b6b;
margin:0 0 1.0em;
padding:0.5em;
}



3. Tambahkan kode dibawah ini tepat dibawah kode tadi.
   
   .sidebar .widget:hover {
background:#66B5FF;
}


4. Klik tombol Simpan Template.
5. Lihat Blog anda sekarang.

Untuk bagian-bagian lainnya silahkan anda coba sendiri dengan berpaduan dari contoh diatas.
Blog EPG Studio Telah menggunakan tips ini pada beberapa bagian yaitu :

1. Sidebar widget.
2. Main Widget.
3. Sidebar atas.
4. Sidebar bawah yang berjumlah tiga buah.

Anda juga dapat menambah bagian blog anda yang dapat berkedip dibagian-bagian tersebut dengan cara yang sama seperti kedua contoh diatas.
Selamat mencoba, semoga bermanfaat