Senin, 05 Maret 2012

Cara Atau Teknik Membuat Navbar Blog Menjadi Auto Hidden

Slamat datang kembali di dapur. Sekarang Master Chip Dapur Tutorial Blogspot akan menyapaikan resep sederhana yaitu resep tetang Cara Membuat Navbar Menjadi Auto Hide. Seperti yang kita lihat pada blog anda sekarang blogger standar pada umumnya memiliki navbar atau Navigasi bar diatas header blog seperti pada gambar berikut (Perhatikan bagian yang ditunjuk anak panah):


Navbar tersebut akan kita atur menjadi Autohidden. Yang saya maksut dengan Navbar Auto Hiden. Navbar akan tersembunyi dan ketika mouse anda berada diatas  navbar maka navbar tersebut akan mucul.

Berikut langkah-langkah untuk membuat navbar menjadi Auto Hidden:
  1. Masuk ke akun Blogger anda
  2. Pilih Menu Template


  3. Klik pada Tombol Edit HTML


  4. Klik Tombol Proceed atau Tombol Lanjutkan  kemudian akan muncul halaman Edit HTML seperti berikut


  5. Sekarang silahkan anda Download lengkap template anda untuk mengantisifasi kesalahan Saat anda melakukan Edit HTML.(Baca Caranya DISINI )
  6. Cari Kode body { (Gunkan Tombol CTRL+F dan F3 untuk mempermudahkan mencari kode)
  7. Sudah ketemu Copas kode dibawah dan letakan diatas kode body {
  8. #navbar-iframe{opacity:0.0;filter:alpha(opacity=0)} #navbar-iframe:hover {opacity:1.0;filter:alpha(opacity=100,finishedOpacity=100)} 
  9. Terakhir klik Klik Tombol Simpan Template


  10. Selesai....!
Demikian Resep Kali ini tetang Cara Atau Teknik Membuat Navbar Blog Menjadi Auto Hidden semoga bisa bermanfaat dan selamat untuk mencoba.

Tidak ada komentar:

Posting Komentar