Friday, 14 October 2011

Cool Animated Effect For Labels List Gadget In Blogger

really really cool stuff !!

Add Animated Link Lists To Your Blog

Step 1. In your Blogger dashboard click > Design > Edit Html
Design Edit Html Blogger

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)


Step 3. Copy And Paste The Following Code Directly Above / Before </head>

<!--Animated Label Links For Blogger><script src='' type='text/javascript'>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
paddingLeft: '20px'
}, dur);
}, function() {
paddingLeft: 0
}, dur);
});</script><!--End Animated Label Links For Blogger>

Step 4. Save Your Template.

No comments:

Post a Comment