Bisnis Online
Home » » Cara Atau Teknik Membuat Navbar Blog Menjadi Auto Hidden

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.

PENTING!!!
ANDA TIDAK BEKERJA? INGIN TAHU INFORMASI LOWONGAN KERJA TERBARU DI KOTA ANDA? KUNJUNGI LOWONGAN KERJA TERBARU DISINI
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Delta Komputer

0 komentar:

Posting Komentar

 
Support : PING by :Ping-o-Matic | Pusat Promosi
Copyright © 2011. Tutorial dan Free Download - All Rights Reserved
Template Modify by Creating Website
Re Design by Bang Aris