Tips, Trik, Information

Rabu, 29 Desember 2010

Cara Membuat Navbar Blog Kelap-Kelip (Auto Hidden)

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

Cara Membuat Navbar Blog Kelap-Kelip (Auto Hidden) Rating: 4.5 Diposkan Oleh: Sunu Sarker

2 komentar: