Cara Membuat Navbar Blog Kelap-Kelip (Auto Hidden)

Tweet

[ I ]

Halo kawan, lagi ngapain? lagi mampir ke blog-nya Sunu ya? hahahaha... maaf mengganggu kalian yang sedang search di google (mbok). Baiklah Sunu gak mau ganggu kaliankali ini Sunu mau menjelaskan tentang cara membauat navabar blog auto hidden (navbarnya kelap-kelip seperti navbar punya Sunu),atau sekalian dengan membuat navbar transparan. jika di template para blogger navbar sudah hilang silahkan kembalikan dulu. klik disini untuk mengembalikan navbar-nya.
Nah sekarang kalo sudah ada navbarnya Sunu akan memberikan langkah-langkan untuk membuat Navbar Auto Hidden, caranaya mudah sekali ikuti langkah berikut ini :

Kode navbar :
#navbar-iframe {
height:0px; visibility:hidden; display:none }


1. Login ke akun Blogger
2. Klik Tata Letak / Layout Klik tab Edit HTMLAgar mengantisipasi terjadi kesalahan backup dulu template anda dengan cara klik downlod lengkap template
3. Cari kode body { , Biar mudah cari dengan kotak penacari tekan F3 atau ctrl F masukan saja kode yang mau dicari tadi Letakan kode di bawah ini di atas kode body {

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

4. klik save template.


Kalo gak ada kode body { di template kamu, silakan cari kode ini:
#navbar-iframe {
height:0px; visibility:hidden; display:none }


Lalu ganti kode tersebut dengan kode ini:

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


Selamat Mencoba! ^_^

sumber : http://blogsarker.blogspot.com
Diposkan oleh Sunu Sarker 0 komentar
Label: Blogspot Tutorial
Cara Menampilkan Navbar Blogspot
Kalo kemaren Sunu Bikin tutorial ngilangin navbar blog, sekarang Sunu bikin cara menampilkan lagi navbar blognya. Kalo ini menurut Sunu Gampang, coz Sunu nyobanya langsung jadi, hehehe..... Oke tanpa basa-basi kita langsung to th point.

Cara untuk menampilkan navbar blogger kembali yaitu dengan kebalikan cara menghilangkan navbar, klik di sini untuk membaca cara menghilangkan navbar blogspot.

Kalo, masih bingung ikuti cara ini.
kadang kode hidden navbar seperti ini,
#navbar {
height:0px;
visibility:hidden;
display:none
}

nah, kamu hapus aja kode itu lalu save.
hahaha........ sekarang navbar blog kamu muncul lagi dech, ^_^

Sumber: http://blogsarker.blogspot.com

Artikel Yang Mungkin Anda Suka: