Wednesday, April 6, 2011

How to make animate Category links to blogger

0 comments



You can make your category as link animation.

1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F  </head>
 
4. Paste below code before </head> tag

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
/* www.bloggertrix.com */

5. Now click preview and click save template. you are done.

Leave a Reply

Related Posts Plugin for WordPress, Blogger...