Link nudging effect for blogger labels

It's good to be different and for the same reason try adding some effects to your blog, here is one of the effects [labels link nudging effect for blogger]


  • Login to blogger dashboard
  • Now go to settings-->template-->edit HTML-->Proceed
  • And find the following piece of code
           </head>
  • And add the following code just before/above it
          <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>
  • Save the template
  • You can neglect the code in pink color if your template already contains it.
  • You can do experiment with "var dur =400;" and "padding left:'25px', give suitable values to match your requirement.
Share this article :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Free4uZione - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger