CARA MEMBUAT BAGIAN BLOG BERKEDIP SAAT DI SENTUH CURSOR

Setelah berulang kali percobaan EPG Studio 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 :

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.