Add Nice Jquery Effect To Blogger Labels

tips4tricx
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

STEP 1: Goto blogger DASHBOARD >> TEMPLATE

tips4tricx
STEP 2: Now click on EDIT HTML

tips4tricx

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

STEP 4: Now paste the below code code just before </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() {
        $(&#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>
  • STEP 5:  Now save your template and reload your blog and see the changes.

Related Posts