Widget by KaraokeBatak

Rabu, 21 November 2012

Tips untuk Membuat Navbar Blog Autohide

Standarnya, setiap blog yang dibuat melalui blogspot mempunyai tampilan navbar atau navigatorbar dibagian posisi atas. Namun dengan sedikit trik, maka Navbar ini dapat anda atur. Salah satunya adalah membuat Navbar tersebut autohide yaitu pada saat mouse berada pada posisi atas, maka navbar akan tampil. Adapun langkah-langkahnnya adalah sebagai berikut :

  • Pastikan anda telah login dan membuka halaman Dashboard atau control panel blog
  • Setelah itu klik menu tata letak yang berada pada halaman tersebut
  • Selanjutnya, pada halaman tata letak, pilih menu edit html
  • Kemudian akan tampil halaman edit html
  • Setelah itu pada bagian kotak edit template, cari kode "body {" (tanpa tanda petik)
  • Kemudian letakkan kode dibawah ini diatas kode body { . Lalu klik simpan template

    #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
    #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

     
  • Apabila proses berhasil, maka akan tampil pesan "Perubahan Anda Telah Disimpan"
  • Selanjutnya Anda buka halaman blog yang telah Anda modifikasi dan lihat hasilnya
  • Selamat mencoba

0 komentar:

Posting Komentar

Jika ada link yang rusak atau broken link silahkan komentar dibwah ini