Виджет плавной прокрутки вверх для блога

Здравствуйте, дорогие читатели!
Каждый вебмастер, которому не безразличны посетители его ресурса, стремится сделать навигацию по блогу максимально комфортной.

Plavnaya prokrutka


Предлагаю вам виджет, который позволит читателям осуществить плавную прокрутку вверх одним нажатием на кнопку.


Ещё один плюс этой кнопки - она становится видимой только тогда, когда гость блога, знакомясь с содержанием, прокручивает страницу вниз.

Испытать плавную прокрутку вверх можно на тестовом блоге (внизу справа)

Этот виджет - разработка автора блога "My Blogger Tricks"

Установить кнопку плавной прокрутки в Blogger
1. Заходим в Панель управления -- Дизайн -- Элементы страницы -- Добавить гаджет

2. Выбираем "HTML/JavaScript"

3. Вставляем код, полученный по ссылке

4. Сохраняем, перетягиваем виджет в самое нижнее положение и опять сохраняем

Если вас не устраивает предложенная картинка кнопки - можно заменить её своей. Для этого часть кода, выделенную зелёным маркером, заменяем на URL выбранной вами картинки.

Уверен, что читатели оценят ваши усилия и будут теперь регулярно посещать блог целыми семейными кланами и общественными объединениями!

Доброй охоты всем нам!

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



Автор: Сергей Мазураш
Ярлыки: дизайн Blogger

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

  1. danidar25 сентября 2011 г. в 14:51

    Идеи в воздухе летают:)) Тоже готовлю пост об этой кнопке, правда немного посложнее с установкой. А здесь - довольно просто и голову ломать не надо:))

    ОтветитьУдалить
  2. Сергей Мазураш25 сентября 2011 г. в 16:34

    @danidar Да, виджет простой!-)

    ОтветитьУдалить
  3. Валерий25 сентября 2011 г. в 17:23

    отличный виджет какрас для моего сайта автору спасибо

    ОтветитьУдалить
  4. Алия1 октября 2011 г. в 01:55

    Интересно, а есть такой виджет - прокрутка для ярлыков! Ярлыков уже на пол страницы, вот бы уменьшить этот список с помощью прокрутки...
    Retliff, может вы знаете, есть такое?

    ОтветитьУдалить
  5. Сергей Мазураш1 октября 2011 г. в 06:29

    @Алия Такое количество ярлыков может стать серьёзным тормозом для продвижения блога! Прочитайте статью "Для чего нужны ярлыки в блоге"!

    Прокрутки для ярлыков нет, но сегодня опубликую более интересное решение - полосу меню из стандартных ярлыков!-)

    ОтветитьУдалить
  6. Алия1 октября 2011 г. в 14:00

    Retliff, я решила вообще убрать ярлыки. Действительно, их так много и по-моему ими мало кто пользуется. Оставлю самый необходимый минимум

    ОтветитьУдалить
  7. Алия4 октября 2011 г. в 06:53

    Retliff, я сократила количество ярлыков, но их все равно много (32). И у меня получилось их убрать с главной в одну строчку, с выпадающим меню, с полосой прокрутки, в таком порядке. в каком мне надо (может быть вы это имели в виду, говоря о "полосе меню из стандартных ярлыков). Я так рада!

    ОтветитьУдалить
  8. Алия4 октября 2011 г. в 23:46

    Кстати... Отличная кнопка! Спасибо!

    ОтветитьУдалить
  9. Сергей Мазураш5 октября 2011 г. в 05:13

    @Алия
    Рад, что у Вас всё получилось! Правда для меня немного загадка - КАК?;)
    Спасибо за комментарий!

    ОтветитьУдалить
  10. IMHO9 октября 2011 г. в 04:49

    я в полном восторге!!! все, о чем мечтала" нашла на страницах вашего блога. Вы замечательный человек! Спасибо вам за помощь, все отлично работает :X :X :X

    ОтветитьУдалить
  11. Алия19 октября 2011 г. в 20:02

    У меня почему-то кнопка исчезла три дня назад. Думала, может появится, но нет... Retliff, не знаете, в чем может быть дело. Код удаляла, по-новому вставляла, но без изменений.

    ОтветитьУдалить
  12. Сергей Мазураш19 октября 2011 г. в 20:08

    @Алия
    Проверил в тестовом блоге - у меня всё работает! Возможно вы подключали скрипты, которые могут блокировать работу кнопки. Или причина в браузере.

    ОтветитьУдалить
  13. Алия11 декабря 2011 г. в 17:19

    Спасибо, кнопочка снова заработала!
    П.С. А вы не знаете, как сделать, чтобы при нажатии на фото оно увеличивалось?

    ОтветитьУдалить
  14. Unknown2 марта 2014 г. в 20:37

    Спасибо огромное! Виджет класс!

    ОтветитьУдалить
  15. Я в Краснодаре17 мая 2014 г. в 14:01

    Подскажите, как разместить кнопку СЛЕВА внизу? Что надо изменить?

    ОтветитьУдалить
    Ответы
    1. Я в Краснодаре17 мая 2014 г. в 14:05

      Нашёл, надо поменять в куске " offsety, right:mainobj.controlattrs.offsetx, " right на left

      Удалить

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics

Подписаться на: Комментарии к сообщению (Atom)
Всё гениальное просто© , All Rights Reserved.