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>
<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