16 ноября 2012 г.

Кнопка "Наверх" в блоге

Привет)
Не знаю, насколько вам это будет полезно, но решила все-таки написать. Девочки не раз спрашивали, а на почту каждой отвечать просто нет времени, не обижайтесь, пожалуйста.
Есть такая замечательная кнопочка в блоге - "Наверх". Это чтобы километры постов не перематывать обратно, когда наконец-то до низа добрались)
Выбираете гаджет HTML/Java Script, вставляете вот этот код и перетягиваете гаджет куда-нибудь вниз.

<style type="text/css"> #w2b-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;} </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow") } var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() { $("#w2b-StoTop").scrollToTop(); }); </script> <a href='#' id='w2b-StoTop' style='display:none;'>Наверх </a>

Слово "Наверх" вы можете заменить любым другим - что вам больше нравится)

P.S. Забыла сказать: если в блоге или на любом сайте нет такой кнопочки, то вернуться наверх можно, нажав Ctrl+Home. Это быстрее, чем полосу прокрутки мышкой вверх тянуть)

Хорошего дня!

34 комментария:

  1. Люда, это как раз, что нужно! :) Спасибо!!

    ОтветитьУдалить
  2. шикарно! мне понравилось!!! очень удобный гаджет, спасибо!

    ОтветитьУдалить
  3. Люда, спасибо огромнейшее. Давно хотелось сделать такую функцию в своем блоге.
    Только что все выполнила по вашей инструкции, все работает!!!

    ОтветитьУдалить
  4. Людо, приєднуюсь до вдячних блогерів:) Дякую!!!

    ОтветитьУдалить
  5. Супер! Люда, большое спасибо!

    ОтветитьУдалить
  6. да классная кнопка!!!, но у меня че-то не работает(((( вроде все сделала по написанному...

    ОтветитьУдалить
  7. а нене)) все работает))))) сори! и спасибо огромное)

    ОтветитьУдалить
  8. пожалуйста)))) давно хотела про эту штуку написать, да все повода не было)

    ОтветитьУдалить
  9. Огромное спасибо! Очень удобно!

    ОтветитьУдалить
  10. не за что)
    рада, что кому-то пригодилось)

    ОтветитьУдалить
  11. Спасибо! Я и не знала про такую классную кнопку..

    ОтветитьУдалить
  12. Людмил, спасибо, тоже давно хотела такую кнопку))) Все получилось))) Заходи покататься)))

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

      Удалить
  13. Спасибо !!!!!
    А что ещё можно сделать при помощи этого гаджета ?

    ОтветитьУдалить
    Ответы
    1. вставить приложения сторонних производителей. например как у меня в блоге земной шарик крутится) это все прописывается кодом

      Удалить
  14. Люда, здравствуйте! Можно я с вами еще по мейлу свяжусь? Дадите? Задам пару вопросов :), от ОСК если что. Не могу прочесть ваш мейл в профиле, нет Аутлока. Я сюда загляну за ответом. И заранее спасибо.

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

      lk.kramatorsk@gmail.com

      Удалить
    2. Не увидела. Прошу прощения. Напишу.

      Удалить
  15. Спасибо большое за статью. Очень полезная, особенно для меня - я в блоге всего несколько недель, поэтому ещё совсем "чайник". Кнопку "Наверх" добавить получилось. Вот бы еще узнать, как добавлять картинки на боковые панельки?

    ОтветитьУдалить
    Ответы
    1. Настройки - Дизайн - Добавить гаджет (на боковой панельке) - Изображение. Загружаете с жесткого диска любую картинку, еслинужно, то добавляете ссылку. Не забудьте перетянуть новый гаджет на нужное место, по умолчанию он устанавливается в самом верху.

      Удалить
  16. Спасибо. Прямо сейчас попробую.

    ОтветитьУдалить
  17. Огромнейшее спасибо! Я и про кнопки не задумывалась даже, хотя и знала и каждый раз, проматывая вверх, ругалась))

    ОтветитьУдалить
  18. Людмила, большое спасибо за полезную информацию!!!

    ОтветитьУдалить
  19. Спасибо! Вот пошла и сразу в последний пост добавила!

    ОтветитьУдалить
    Ответы
    1. Ну ты молодец! В пост добавлять еще никто не додумывался, ты первый такой изобретатель)))))

      Удалить
  20. Спасибо за помощь!!! Очень нужная кнопочка!

    ОтветитьУдалить
  21. Добро пожаловать в Арт-клуб http://vlvista.blogspot.ru/

    ОтветитьУдалить
  22. Большое спасибо, Людмила! У меня всё получилось)))

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