3 февраля 2013 г.

Кнопка автоматической прокрутки страницы вверх

Давно хотела кнопку прокрутки страницы вверх. Очень удобная вещь, должна признаться. И вот я это сделала, нашла время и желание установить такую кнопку.


Велосипед я не изобретала, если кому интересно, скрипт я брала тут >>.

Но прежде чем устанавливать скрипт нужно выбрать изображение для вашей стрелочки. Можете нарисовать сами, можете найти в сети уже готовые.

Для надёжности, что картинка потом не исчезнет с простора интернета, её лучше сохранить у себя в альбоме Picasa (куда вы обычно загружаете свои фото для блога). При этом не забудьте выбранной картинке изменить размер, если это требуется. 

Далее заходите ДИЗАЙН -- Добавить гаджет -- HTML/JavaScript. Поле с Названием оставляете пустым, в Содержание вставляете скрипт. В скрипте жёлтым выделена ссылку на изображение, вам её надо изменить на свою. Для этого вам нужно узнать URL вашей картинки. Делается это нажатием правой клавишей мышки на картинке. В зависимости от браузера нужно выбрать или Скопировать URL, или Копировать адрес изображения
Вставляете в скрипт адрес своей стрелочки и нажимаете сохранить.

Сам гаджет нужно расположить в самом низу вашего блога. Сохраняете изменения и наслаждаетесь автоматической плавной прокруткой!

Если что непонятно, спрашивайте, постараюсь всё объяснить. 

14 комментариев:

  1. Хорошая вещь! Спасибо! Я себе установила, очень удобно!

    ОтветитьУдалить
  2. Юлия, спасибо за такой полезный пост! Я себе сделала стрелочку, и написала про вас у себя в блог:) Также разместила ссылку на этот ваш пост к себе на страницу Blogger уроки, там много полезных вещей по дизайну блога.
    Заходите, может быть, вам что-то пригодится!

    ОтветитьУдалить
  3. Вот СПАСИБО!! Отличная вещь! Постоянно напрягает мотать вверх-вниз)) Обязательно напишу про вас в посте)))

    ОтветитьУдалить
    Ответы
    1. Очень рада, что вам пригодился мой совет )

      Удалить
  4. Хнык-хнык, у меня не получилось((((((

    ОтветитьУдалить
    Ответы
    1. Что именно делали? Что не получилось?

      Удалить
    2. Все сделала как вы написали, а стрелочка не появилась((((

      Удалить
    3. Скорее всего не так указали адрес вашей стрелочки. Чтобы разобраться более подробно нужно по шагам отслеживать что вы делали.

      Удалить
    4. Разобралась, проблема была в том что у меня хром автоматически переводил страницу и вместо латиницы у меня все было написано по русски, я отменила перевод и все сделала))) Только теперь саму стрелочку надо уменьшить и исправить))) Спасибо.

      Удалить
    5. Я рада, что всё получилось)

      Удалить
  5. Спасибо большое. Замечательная вещь, очень удобно

    ОтветитьУдалить
  6. Спасибо! Воспользовалась!)
    В свою очередь могу предложить посмотреть как поставить виджет с генератором случайных чисел на боковую панель. Вот тут: http://lovely-toys.blogspot.ru/2012/06/blog-post_02.html

    ОтветитьУдалить
  7. Ну я тупая!Сижу второй час и без толку

    ОтветитьУдалить