Cara Menyembunyikan Navbar Blog

Trik ini bukan untuk menghilangkan Navbar secara permanen, tetapi hanya menyembunyikan Navbar saja bila kursor didekatkan maka Navbar akan kelihatan.

Gambar Navbar Blog

Ikuti langkah demi langkah tips berikut ini :

• Login ke Blog
• Klik Desain/Rancangan
• klik "Edit HTML"
• Back Up Blog (silahkan baca DISINI untuk melihat cara Back Up Blog)

Copy Kode dibawah ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /> <br /> <script type='text/javascript'><br /> $(document).ready(function(){<br /> $("#navbar").fadeTo("slow", 0.1);<br /> $("#navbar").hover(function(){<br /> $(this).fadeTo("slow", 1.0);<br /> },function(){<br /> $(this).fadeTo("slow", 0.1);<br /> });<br /> });<br /> </script>

Silakan Copy Kode jQuery di atas lalu paste tepat di atas kode </head>

Catatan :

1. Ganti kode yang berwarna merah (0.1 = 90%) menggambarkan transparasi navbar pada saat belum didekati kursor mouse. Jika ingin navbar tidak nampak sama sekali letakkan saja nilai (0.0 )
2. Ganti kode yang berwarna biru (1.0) menjadi 0.75 jika ingin transparasi navbar saat didekati mouse bernilai 25%. Sedangkan jika tetap pada nilai 1.0, maka navbar akan terlihat sangat jelas (tanpa transparansi) saat didekati kursor mouse.

Selamat mencoba...

Lihat juga Artikel BLOG - C dibawah ini :

• Cara membuat Blog di BlogSpot 
• Cara Posting di BlogSpot 
• Cara merubah tampilan BlogSpot 
• Cara Mengirim Gambar di BlogSpot 
• Cara mengedit postingan 
• Cara Backup Blog 
• Cara pasang SEO 
• Cara membuat readmore 
• Cara membuat pertanyaan konfirmasi 
• Cara pasang label 
• Cara atur posisi widget 
• Cara Membuat Search Engine Sendiri
• Cara Menghilangkan Navbar Blog