Feb 3, 2012

Menampilkan navbar yang tersembunyi

Menampilkan navbar yang tersembunyi.- Hai sobat blogger .. jumpa kembali dengan bang jack , bang jack ingin sedikit share mengenai bagaimana cara untuk menampilkan navbar yang tersembunyi. Navigasi bar yang berada pada toolbar paling atas bagian blog secara default tampil, tetapi setelah edit blog sana-sini bisa saja tersembunyi.Hal ini biasanya sering terjadi akibat ganti template tertentu. Nah kalo anda pernah mengalami hal seperti ini nggak usah mumet. Pakai aja cara versi bang jack sendiri (nggak copas blog orang) ditanggung pasti nongol. Caranya mudah sekali... buka rancangan kemudian pilih edit html . Centang expand widget dan cari kode {display:none!important} . Untuk lebih cepat pencarian bisa dengan menekan F3 atau ctrl F. lihat gambar dibawah ini :

klik untuk memperbesar gambar

Setelah ketemu kode {display:none!important} anda hanya perlu melakukan sedikit perubahan dengan mengganti kata none menjadi nongol, sehingga hasilnya menjadi {display:nongol!important} ...he..he terus simpan template dan lihat hasilnya. Maka anda akan melihat navbar yang betul-betul nongol sesuai keinginan anda. Untuk menyembunyikannya kembali, anda tinggal mengembalikan seperti semula.
Tetapi apabila anda menginginkan navbar tersebut autohidden , caranya mirip cara diatas namun tidak sekedar mengedit html tersebut tetapi anda buang  kode html navbar secara lebih lengkap . Kode html yang dibuang  yaitu :


Kemudian ganti  kode html  tersebut dengan kode sebagai berikut :

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

kemudian simpan template dan lihat hasilnya. Navigasi bar anda sudah auto hidden.

 Segitu aja tips dari bang jack dan salam sukses buat rekan2 blogger......wassalam !


No comments:

Post a Comment

lebengjumuk

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Hot Sonakshi Sinha, Car Price in India