Log in to your blogger account
Go to Edit Html
Make sure to Backup template first
Now find this code
</head>
Immediately before that paste this code
<!--DANCING-NUDGE-LINKS-STARTS-->
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>
<!--DANCING-NUDGE-LINKS-STOPS-http://bloggerstop.net-->
How it works?
Go to Edit Html
Make sure to Backup template first
Now find this code
</head>
Immediately before that paste this code
<!--DANCING-NUDGE-LINKS-STARTS-->
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>
<!--DANCING-NUDGE-LINKS-STOPS-http://bloggerstop.net-->
How it works?
For links
<a href="Your URL" class="nudge">Text Here!</a>
Move Mouse Here!
For images
<a href="Image URL" class="nudge"><img src="Image Url"/></a>
<a href="Your URL" class="nudge">Text Here!</a>
Move Mouse Here!
For images
<a href="Image URL" class="nudge"><img src="Image Url"/></a>
