18 January 2011

Cara menyembunyikan Navbar auto-hide pakai jquery

navbar-auto-hide-jquery
Ada sebagian pakar blog berpendapat bahwa menghilangkan navbar menyalahi aturan serta melanggar TOS. Tetapi tidak sedikit pula para master yang memusnahkan navbar blog sama sekali. Kedua pendapat tadi meskipun berbeda tetapi mempunyai tujuan yang sama yaitu untuk mengoptimasi blognya. Kita yang masih pemula pasti bingung mau ikut pendapat siapa.

Kalau anda bingung mau menghilangkan atau tetap memasang navbar di blog anda, lebih baik anda memilih yang netral.  Yaitu hanya menyembunyikan Navbar yang akan muncul apabila cursor didekatkan ditempat navbar itu berada (atau bahasa planetnya : auto-hide). Dengan sedikit sentuhan jquery bisa dihasilkan efek auto hide navbar lebih halus.

Jika anda berminat, ikuti langkah-langkah dibawah ini:
1.    Cari kode </head> pada template
2.    masukkan kode ini diatasnya:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#navbar").fadeTo("slow", 0.1);
$("#navbar").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.1);
});
});
</script>
3.    simpan dan lihat hasilnya.

Selamat menikmati navbar auto-hide pakai jquery
Demonya bisa anda lihat disini

3 comments:

  1. iya nih gan sebagai blogger pemula jadi bingung....tetapi kadang navbar kadang bikin jelek wajah template terutama bagian gambar header ketika kita memasang gambar header yang elegan hehehe....mantab gan

    ReplyDelete
  2. @erdi, betul mas... saya juga kurang suka sama navbarnya blogger makanya ga aku pasang. thanks dah mampir

    ReplyDelete
  3. Solusi yang Mantapz, thanks bro

    ReplyDelete

Note: Only a member of this blog may post a comment.