Кнопка прокрутки страницы для блога.


Всем, всем доброго времени суток. Представьте себе такую ситуацию. Накатила лень ничего не хочется делать. Сесть бы да почитать, что-нибудь эдакое для души. Да ещё бы с чашечкой кофе в руке. А то ведь уже и пальцы онемели, крутишь и крутишь это колёсико мыши. Сплошное однообразия.
Вот именно для такого случая, вернее для ленивых читателей предлагаю вариант оригинальной кнопки  для лентяев. Назовём её так. Работу её можно посмотреть на этом блоге в самом низу справа. Жмём кнопочку и руки свободны. Надоело нажимаем стоп.

Если понравилось такая затея идём в ДИЗАЙН-ДОБАВИТЬ ВИДЖЕТ- HTML/JavaScript и вставляем следующий код

<style type='text/css'>
#abt-scroll{position:fixed;z-index:9999;bottom:0;right:0}
#abt-scroll a{display:block;float:left;width:32px;height:32px;text-indent:-999em; padding: 3px}
#abt-scroll a.abt-scroll{background: url(https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/play-button.png) no-repeat}
#abt-scroll a.abt-stop{background: url(https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/pause-button.png) no-repeat}
#abt-scroll a:hover{background-color:#1569C7}
</style>
<script type='text/javascript'>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id='abt-scroll'>
<a class='abt-scroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a>
<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a>
</div>


Установите виджет в самом низу блога, сохраните расположение и наслаждайтесь.

На сегодня в шпаргалке ставлю точку.

хотите оформить подписку на новые шпаргалки

введите пожалуйста свой email :

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

  1. Как интересно! Спасибо! Забираю!

    ОтветитьУдалить
  2. Людмила, да на здоровье.Пользуйтесь.

    ОтветитьУдалить
  3. Вот неугомонная, снова заманчивую штучку нашла! Здорово придумано! Попробую установить на блоге с книгой

    ОтветитьУдалить
  4. Вика большое спасибо за информацию) у меня тоже была полоса прокрутки, удобная штука! Но со сменой шаблона она у меня пропала. Большое спасибо за код))

    ОтветитьУдалить
  5. Ирина, эта кнопка устанавливается на своём блоге. Это автор блога, где книга или длинные сообщения должен ставить.

    ОтветитьУдалить
  6. Анжелика, я рада, что пост Вам пригодился.

    ОтветитьУдалить
  7. Вика, так я для книги, которую поместила на своем новом блоге. Помнишь мой пост "С Пасхой"? Там есть ссылка на новый блог.

    ОтветитьУдалить
  8. Ирина, прошу прощения за невнимательность. Пост помню. Устанавливай.

    ОтветитьУдалить
  9. Установила. Очень удобно читать. Да иногда и лень бывает двигателем прогресса)))
    Вика, еще вопрос - Как изменить размер шрифта в постах? Слишком мелкий получается.

    ОтветитьУдалить
  10. Ирина с не стандартным шаблоном думаю только так попробуй http://hpargallka.blogspot.ru/2014/01/nastrojka-soobshhenija-bloga.html

    ОтветитьУдалить
  11. Виктория, здравствуйте! Спасибо за очень нужную автоматическую прокрутку. Всё работает замечательно. Но если можно, то подскажите как поменять цвет кнопки с черного на голубой и как передвинуть эти кнопочки в левый нижний угол?

    ОтветитьУдалить
  12. Татьяна Рада, что понравилось Вам. С цветом попробуйте поменять это значение #1569C7, а установить в левый угол к сожалению ни как.

    ОтветитьУдалить
  13. Дана, кнопку уже многие установили. Работает. А Вы нажали для остановки кнопочку рядом.

    ОтветитьУдалить
  14. Вика, спасибо за ссылку, но так не получится. Я думала, что может без того, чтобы лезть в настройки шаблона можно изменить... Для меня это слишком рисковано)

    ОтветитьУдалить
  15. Ира давай в личку напишу.

    ОтветитьУдалить
  16. Жду и можно с картинками))

    ОтветитьУдалить
  17. Викуся, спасибо за кнопочку! Мне тоже понравилось! Только цвет самих контуров не меняется, а меняется фон под кнопочками. Сами кнопки так же черные, но на фоне др. цвета.background-color:#1569C7. Наверное из-за background-color., если бы наверное было просто color.- тогда цвета самих кнопок менялся бы. так? И еще раз спасибо!

    ОтветитьУдалить
  18. А можно сделать чуть быстрее движение?

    ОтветитьУдалить
  19. Ирина, тут всё уже фиксировано

    ОтветитьУдалить
  20. Ирина, пожалуйста.

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

Пользовательский поиск
Foto Saya
My Photo