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

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

Plavnaya prokrutka


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


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

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

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

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

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

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

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

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

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

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

Ваш Retliff

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



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

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

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

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

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

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

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

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

    ОтветитьУдалить
  7. Кстати... Отличная кнопка! Спасибо!

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

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

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

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

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

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

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

      Удалить

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