Автоматическая прокрутка страниц блога Blogspot



Как сделать автоматическую прокрутку страниц блога Blogspot 

25.04.2015 г. Прошу извинить, но в данный момент скрипт не работает. 

Здравствуйте дорогие читатели и посетители моего блога. Для удобного просмотра информации, предлагаю Вам код автоматической прокрутки страниц блога. Пример смотрите слева в demo блоге. Код вставляется в шаблон - изменить шаблон, перед закрывающим тэгом </ body> .

Как вставить код кнопок автоматической прокрутки в блог Blogspot
Слева или справа (кому как удобно) появятся две кнопки: старт и стоп. Хочу заметить, в не стандартных шаблонах тэг найдете в самом низу. Кто не переносил блог на другой шаблон, ищите где то с 2000 позиции, или у кого работает поиск Ctrl + F, впишите в поле поиска </body>, найдете быстрее. Нажимаете Просмотр шаблона - сохранить. Вот и весь процесс вставки кода автоматической прокрутки страниц блога. Копируйте код ниже:

<style type='text/css'>
#abt-scroll{position:fixed;z-index:9999;bottom:0;left: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(&#39;autoScroll()&#39;,50)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id='abt-scroll'>
<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a>
<a class='abt-scroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a>
</div>


Что здесь можно изменить:  width:32px;height:32px-размеры кнопок;  # 1569C7 -цвет при наведении; Если Вы хотите, чтобы кнопки располагались справа, замените  left на right; И надо будет изменить положение кнопок. 

Для этого поменяйте местами вот эти строки: зеленую строку поднимите Выше синей И вставьте после  <div id='abt-scroll'> , тогда первой встанет кнопка старт, а потом стоп

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


Автор статьи ✎ Olga Protasova Выпуск ✹ 1/31/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

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


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *