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 :

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.

Tidak ada komentar:

Posting Komentar

Pages