Add Nice Jquery Effect To Blogger Labels

Today i will show how to add popout effect to your LABELS with mouse over.It looks very preety and eye catching.Its a simple code and will take 10 sec to adding it to your blog.After adding it to your blog ,it will look like image below:

Follow The Below Steps For Adding It

• Also Read:  Recent Post Widget With Animation For Blogger

STEP 1: Goto blogger DASHBOARD >> TEMPLATE

STEP 2: Now click on EDIT HTML

STEP 3: Now press ctrl+f and search for </head>

STEP 4: Now paste the below code code just before </head>

<!-- label effect by www.hacking-articles.blogspot.com !-->
<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() {
        $(&#39;a.linknudge, .Label ul li a&#39;).hover(function() {
            $(this).animate({
                paddingLeft: &#39;25px&#39;
            }, dur);
        }, function() {
            $(this).animate({
                paddingLeft: 0
            }, dur);
        });
    }); // end of Jquery Script
</script>
<!-- label effect by www.hacking-articles.blogspot.com !-->

•  Also Read: Add Social Media Like Buttons With Rotator Effect To Blogger -V2 new

STEP 5:  Now save your template and reload your blog and see the changes.