Label Cloud

Search This Blog

02 May 2010

online counter Animation Navbar

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat animatian navbar . Demo lihat pada navbar msueroomz



1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya


</head>



4. Copy kod dibawah .


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


5. Pastekan diatsnya

6. Preview dan Save template .:okay:yahoo
Tinggalkan Komen Anda Disini