Senin, 09 Agustus 2010

Trik Hilang Muncul Navigation Bar Blogger

Trik memodifikasi Navigation Bar pada blogger agar samar ataupun hilang dan muncul ketika cursor diarahkan.
Untuk contoh klik disini.
code scriptnya sebagai berikut

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/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>

Ket :
0.1 ---> Efek transparan sebesar 90% bisa dirubah 0.0 --->100%
1.0 --->Bisa dirubah ke 0.75 untuk mendapatkan efek transparan sebesar 25%

Langkah-langkahnya sebagi berikut
1. Login ke Blogger / Blogspot
2. Layout ---> Edit HTML
3. Cari kode </head>
4. Letakan code script tersebut diatas kode </head>.
5. Simpan dan lihat hasilnya

Tidak ada komentar:

Posting Komentar