Dancing Contents & Images

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://widgetboxx.blogspot.com-->

How it works? ( add Class="nudge")

For links

<a href="Link Url" class="nudge">Your Text</a>

For images

<a href="Link Url" class="nudge"><img src="Image Url"/></a>

Click for Demo