Home » , , , » Dancing Links and Pictures

Dancing Links and Pictures

Log in to your blogger account
Go to Edit Html
Make sure to Backup template first
Now find this code

Immediately before that paste this code
<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);

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>

Share this games :


Post a Comment

Sign up for FREE daily Updates.