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

                                            Добавляем сдвиг ярлыка в 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>

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

И как всегда напоследок анекдот: При разговоре с сотрудником ГАИ водитель должен обращаться к сержантам - "Товарищ офицер!", к офицерам - "Товарищ генерал!"


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями в соцсетях:


19 коммент. :

  1. Спасибо большое . С ярлычками получилось ..Смотрится красиво .При наведениии плавают

    ОтветитьУдалить
  2. Пожалуйста.Смотрится действительно эффектно.

    ОтветитьУдалить
  3. Ксения Чужа5 мая 2012 г., 1:02

    Как долго я это искала!! СПАСИБО, большое человеческое!!

    ОтветитьУдалить
  4. Огромная Вам благодарность! Изумительно! С уважением -

    ОтветитьУдалить
  5. При установке , когда нажимаю на сохранить вылезает вот это More than one widget was found with id: HTML7. Widget IDs should be unique, как справиться с этим? очень хочется добавить этот эффект

    ОтветитьУдалить
  6. Вы, что то не правильно сделали.Наверное код не туда установили.Попробуйте ещё раз.У всех сразу получается.

    ОтветитьУдалить
  7. Все разобралась, что у меня не так (ума бы мне побольше))) Спасибо Вам большое.

    ОтветитьУдалить
  8. я не могу в дизайне найти как изменить HTML код. Подскажите пожалуйста

    ОтветитьУдалить
  9. Это в старом дизайне.Теперь надо выбирать шаблон.Потом только изменить HTML

    ОтветитьУдалить
  10. спасибо, попробую

    ОтветитьУдалить
  11. Спасибо вам большое-пребольшое!

    ОтветитьУдалить
  12. А что делать если такого тега нет?
    (там точно нет)

    ОтветитьУдалить
    Ответы
    1. Такой тег есть 100% Повнимательней посмотрите.

      Удалить