Awesome Link Nudging on links on Hover

Unknown | 09:19 |

Pin It Now!
If you ever seen Link nudging for labels and custom Links on Hover in any blogg and you want it for your blogg too.So here way2bloggerz made it easy for you to add nudging effect to your labels and as well as for custom links.you can use this smooth nudging effect for your labels as well as for your custom links just adding a simple code to your blog CSS code








STEPS
1.Go to your blogger Dashboard>Templet>Edit HTML
2.Backup your Templet as always
3.Now press Ctrl+F and find </head>
4.Now add the below given code just above </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/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>


If you want this for your custom links simply add a class='linknudge' to your links as shown below
<a class ='linknudge' href='http://www.way2bloggerz.blogspot.com'>way2bloggerz</a>




Enjoy..............
like us and comment if you like this post




Pin It Now!

1 comment: