Add Nice Jquery Effect To Blogger Labels

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.

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 hackerztag.blogspot.in !-->
<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 hackerztag.blogspot.in !-->

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