Всё для Blogger: Как добавить эффект движения ярлыков?

Привет друзья!Сегодня я научу Вас как сделать небольшой трюк с ярлыками.Это красивый эффект сдвига при наведении на ярлык мышью.Отличный плагин делает более привлекательным ваш блог для посетителей.Много расхваливать не буду просто наведите у меня мышью на ярлык и Вы увидите как это происходит.И так теперь приступим к делу.

Добавляем сдвиг ярлыка в Blogger по JQuery!

Привет друзья!Сегодня я научу Вас как сделать небольшой трюк с ярлыками.Это красивый эффект сдвига при наведении на ярлык мышью.Отличный плагин делает более привлекательным ваш блог для посетителей.Много расхваливать не буду просто наведите у меня мышью на ярлык и Вы увидите как это происходит.И так теперь приступим к делу.
                                            Добавляем сдвиг ярлыка в Blogger по JQuery!




Перейти: Blogger Дизайн-Изменить HTLM.Как обычно делаем резервную копию шаблона.Поиск строчки </head> для быстрого поиска пользуемся  Ctrl+F.Добавляем следующий  код  перед</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, .Label ul li a').hover(function() {
            $(this).animate({
                paddingLeft: '25px'
            }, dur);
        }, function() {
            $(this).animate({
                paddingLeft: 0
            }, dur);
        });
    }); // end of Jquery Script
</script>

Теперь сохраните ваш шаблон!Теперь можете наслаждаться.Не забудьте поделиться с друзьями.Желаю удачи.


Перейти: Blogger Дизайн-Изменить HTLM.Как обычно делаем резервную копию шаблона.Поиск строчки </head> для быстрого поиска пользуемся Ctrl+F.Добавляем следующий код перед</head>
Теперь сохраните ваш шаблон!Теперь можете наслаждаться.Не забудьте поделиться с друзьями.Желаю удачи.