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:
STEP 5: Now save your template and reload your blog and see the changes.
Follow The Below Steps For Adding It
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() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
<!-- label effect by www.hacking-articles.blogspot.com !-->
STEP 5: Now save your template and reload your blog and see the changes.
