Create Jquery Nuging Menu For Blogger

1. Log in to your blogger buddies
2. Log into the design / design
3. Choose Layout
4. Edit HTML
5. Then look for the code Berkut: </ head> (use Ctrl + F on your keyboard sob), after the meet to stay put the following CSS code right above </ head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/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'). hover (function () {
$ (this). animate ({
paddingLeft: '25px '
}, Dur);
}, Function () {
$ (this). animate ({
paddingLeft: 0
}, Dur);
});
}); / / End of Jquery Scripts
</ script>

6. Now save the template buddy.

important:
If in an existing blog for file.js code:
http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
So my friend does not need to install these file.js.


7. How to put in the link buddy just add a class code "linknudge" for the link mate like the example below:

<a class='linknudge' href='http://jquerygeeks.blogspot.com//'> Blogger Code </ a>

8. Done!

Well the way or the code above is to link the costumes, by adding a class code 'linknudge'.
Here is another code for custom labels and to link my friend:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/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 Scripts
</ script>

Description:
For the installation of the same code as I described above.
So much from me, that's How To Make Link Nudging With jQuery, I hope useful.