How to Add jQuery for Blogger Navbar

Hi, bloggers! Previously, I've posted about How to Remove Blogger Navbar. Now, I will posted about How to Add jQuery for Blogger Navbar. By adding some jQuery for your Blogger Navbar, your Blogger Navbar will look attractive. The navbar will be transparent, but if you put your cursor on it, the navbar will be return. For the details, you can see the DEMO. Now, if you want to try How to Add jQuery for Blogger Navbar, just follow the steps below.

1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Copy the code below, and paste above </head>
<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>
4. And click SAVE TEMPLATE

So easy right?

11 comments:

http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif

Reply
20/5/12

nice one thanku

www.paisalary.blogspot.com

Reply
27/7/13

Post a Comment

:) :( :)) :D =))
Loading Comment Form