CARA MEMBUAT BAGIAN BLOG BERKEDIP

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 :

• MEMBUAT LINK PELANGI VERSI 2
• BACKGROUND JUDUL POST BERUBAH WARNA KETIKA MOUSE BERADA DIATASNYA
• 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
• Seperti biasa, masuk ke Blogger, Tata Letak Edit HTML.
• Back up dulu templatenya jika takut gagal.
• 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;
}
• Tambahkan kode dibawah ini tepat dibawah kode tadi.
  .main .widget:hover {
background:#66B5FF;
}
• Klik tombol Simpan Template.
• Lihat Blog anda sekarang.
2. Membuat Sidebar Widget berkedip
• Masih di Edit HTML.
• Cari kode untuk Sidebar Widget seperti ini :
  
  .sidebar .widget{
background:#3D81EE;
border:0px solid #6c6b6b;
margin:0 0 1.0em;
padding:0.5em;
}
• Tambahkan kode dibawah ini tepat dibawah kode tadi.
  .sidebar .widget:hover {
background:#66B5FF;
}
• Klik tombol Simpan Template.
• Lihat Blog anda sekarang.

Untuk bagian-nagian 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.

 

Sumber : http://nanemarada.blogspot.com