Уникальный скрипт кнопки "Вверх - Вниз" с медленной автоматической прокруткой для чтения, для Блогспот, Блоггер


Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

Сегодня я публикую еще один уникальный скрипт, так называемой кнопки "Наверх".
В чем же уникальность?
Во первых, можно прокручивать страницу не только вверх, но и в низ! А во вторых, (в этом уникальность) если нажать туда, куда указывает красная стрелка, страница будет сама, автоматически, медленно прокручиваться до самого низа! Читателю при этом, ничего делать не надо - только читать или рассматривать фотографии!

Такая кнопка в первую очередь будет полезна тем, у кого длинные статьи или много фотографий!
Посмотреть как работает кнопка можно здесь: 
http://russiaphotoblog.blogspot.de/2012/01/frost-in-russia.html

Кнопка устанавливается очень просто. В Дизайн - Добавить гаджет - HTML/JavaScript, необходимо добавить следующий код:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script><script src='http://phonedevelop.googlecode.com/files/updownPhonedevelop.js' type='text/javascript'></script>

Внимание, скрипт капризный и на этом блоге не пошел, потому что много "двигающихся" виджетов и со скриптом jquery вступает в конфликт! Если у вас уже установлен скрипт вида указанным ниже, то кнопка РАБОТАТЬ НЕ БУДЕТ!
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>



Лучшая благодарность автору - это нажатые социальные кнопки!


33 коммент.:

Лидия Васильевна
Класс!! Спасибо огромное! Получилось! Минут 5 развлекалась!:)))
А то уж я совсем чуть было не отчаялась, без кнопки грустно было. Теперь эти замечательные кнопочки поставлю на все свои блоги. На все два!)))
Только кнопочка остановки не работает при быстрой прокрутке, а при медленной - работает. Это только у меня? Или так должно быть?

https://www.blogger.com/profile/11380849388757505551

Ольга АрхиПушкина
Копка хорошая, устанавливается легко, жаль что мне зеленый цвет не подходит по антуражу!

https://www.blogger.com/profile/07068303558319990463

Алина Солнечная
спасибо! попробую поставить)))

https://www.blogger.com/profile/08841433010272698524

OlzhasOmar
Здравствуйте, а как можно оставить только плавную прокрутку и кнопку пауза?

https://www.blogger.com/profile/07158128807119079636

Justus
OlzhasOmar, к сожалению в этом скрипте нет настроек! НЕЛЬЗЯ!

https://www.blogger.com/profile/13746790384341325111

Гаша
Здравствуйте! Хотела бы поставить такую кнопку, но сейчас в Блоггере другое оформление. Подскажите, пожалуйста, как же вставить кнопку?

https://www.blogger.com/profile/14292784301438579336

Justus
Гаша, не совсем понял вопрос? Что значит "сейчас в Блоггере другое оформление"? В посте описано куда вставлять скрипт - в Дизайн - Добавить гаджет - HTML/JavaScript

https://www.blogger.com/profile/13746790384341325111

Гаша
Дизайн - Добавить гаджет и никакого HTML/JavaScript я не нахожу (((

Собственный гаджет можно добавить только по URL

https://www.blogger.com/profile/14292784301438579336

Justus
Гаша,у вас обязательно в списке, должен быть: HTML/JavaScript. Посмотрите видео:
http://www.youtube.com/watch?feature=player_embedded&v=Tl4ngkpchvs#at=43

https://www.blogger.com/profile/13746790384341325111

Гаша
Спасибо большое! Вот что значит - новичок! ))) Я не там искала...

https://www.blogger.com/profile/14292784301438579336

Сергей Муханов
Ух ты! Какой классный скрипт! А следуя описанию так вообще легко делается! У меня в темах много фотографий и такая кнопка очень кстати! Спасибо автору большое! С удовольствием гуляю по Вашему сайту-блогу и читаю (использую) Ваши уроки. Очень интересно!

https://www.blogger.com/profile/01753603503258559792

Альбина Рассеина
Жалко, что такого цвета насыщенного зелёного, но всё равно такая замечательная вещь! спасибо.

https://www.blogger.com/profile/06170339179363240437

Анонимный
КРАСОТА! СПАСИБО,ВСЕ СРАБОТАЛО))

оксана оксанова
спасибо. очень много интересной инфы. http://choknutaja.blogspot.com

https://www.blogger.com/profile/08223460138959328504

Олег Валеев
СПАСИБО ОГРОМНОЕ ЗДОРОВО ВСЕ УСТАНОВИЛОСЬ, ДАВНО ИСКАЛ ТАКУЮ КНОПКУ.... ХОРОШО ЧТО НАТКНУЛСЯ НА ВАШ САЙТ... ДОБАВИЛ В ИЗБРАННОЕ ВАШ САЙТ

https://www.blogger.com/profile/10649503060686329403

Александр
Я долго искал типа такой кнопки! Безо всякой заморочки установил и с правой стороны как нужно было мне! Спасибо!

http://bozalex51.tmweb.ru/

Татьяна Кузнецова
Скажите, пожалуйста, а можно слева такие кнопочки поставить?

https://www.blogger.com/profile/07195010998052907368

Justus
Татьяна Кузнецова, нет, к сожалению нельзя!

https://www.blogger.com/profile/13746790384341325111

Татьяна Алексеевна Кулешова
Подскажите, пожалуйста, а цвет у этой кнопки изменить можно?

https://www.blogger.com/profile/17229173675030392667

Justus
Татьяна Алексеевна Кулешова, к сожалению в данном скрипте изменение цвета не предусмотрено.

https://www.blogger.com/profile/13746790384341325111

Елена Осипенко
Алекс Юстасу: ВОСТОРГУ и Положительным эмоциям нет предела! А цвет подошел точь-в-точь! http://kanevchanka2011.blogspot.ru/ СПАСИБО, в очередной раз, креативный Вы Человечище!

https://www.blogger.com/profile/12702220162410022245

Игорь Суховский
А можно ли в настройках скорость прокрутки сделать медленнее

https://www.blogger.com/profile/04642484381798436648

Гуршал Ірина
Спасибо!!!! Все отлично работает и по цвету все ОК!!!!

https://www.blogger.com/profile/00690802516381728463

Таня Гайка
спасибо, установила, зеленый не очень в тему, зато не сливается с оствльным на странице

https://www.blogger.com/profile/14359536348698548016

Анонимный
Все отлично. Мой блог: http://earngame.blogspot.com

ТеплоКомпозит ООО
Применили. Используем. Все работает. http://teplokompozit.blogspot.ru

https://www.blogger.com/profile/17269398986676390281

Анонимный
Вот ведь какая штука получается! Ради этой кнопочки меняла полностью дизайн проекта и всё стояло и прекрасно функционировало 2 года. Теперь новый делаю проект, опять с цветом притирка. Ну полюбасам автору придумывать продолжение балета с возможным изменением стилей. Как считаете?

Unknown
Это к сообщению 27! Теперь под своим именем, здрасьте! Насколько я поняла, автор изменил графику или я просто давно не заходила? В общем, очень всё прикольненько!

https://www.blogger.com/profile/03758532651934009052

Lord Belial
На самом деле java script легко правится под любые нужды, модно посмотреть тут: http://blog.boabor.ru

https://www.blogger.com/profile/03992353954890011127

Lord Belial
http://widgget.blogspot.ru тут скрипт

https://www.blogger.com/profile/03992353954890011127

yuri1812
Спасибо! Все работает. Жаль, что нет настройки цвета.

https://www.blogger.com/profile/13582257006828376691

Lord Belial
Юрий, не проблема, какой цвет нужен? Можно любой сделать (;

http://blog.boabor.ru

Boabor
http://widgget.blogspot.ru/2016/08/c-20.html вот сделал с разными цветами

http://blog.boabor.ru

Отправить комментарий

Можно применять теги: <b></b><i></i><br />
<br />


Доска почета

Плюсани блог!