Auto Hide Navbar Blogger Tamplates

Selamat pagi Permaker ketemu lagi, kali ini cara permak blogs masih di bagian atas Blog yaitu bagian navbar. Di artikel sebelumnya tentang navbar membahas bagaimana Cara Sembunyikan Navigation Bar(Navbar) di Blogger , eh ngemeng - ngemeng udah baca belum? kalau belum klik disini aja, Kalau sudah mari kita lanjut.... kalau kemaren Navbar disembunyikan, sekarang navbar bisa dibuat auto hide (otomastis hidden) jadi ketika krusor mouse di posisi atas navbar baru akan muncul. Bagaimana caranya? ok langsung aja ke TeKaPe... (OVJ banget)...

Ikuti langkah-langkah berikut ini:

1. Masuk ke account blogger.com kamu.
2. Masuk kehalaman Dashboard,klik link Layout,lalu klik link Edit HTML.
3. Lalu carilah kode berikut ini(tag Body { )


body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}



4. Ketikan Kode berikut di Atasnya


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



5. Kode keseluruhanya seperti ini


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}



6. jika sudah klik SAVE TEMPLATE
7. Akses blog kamu .... bim salabim kaarba arba (kata cinta)....

Semoga berhasil ....

Share on Facebook Share on Twitter Share on Google Plus