Google+ Followers

Будь в курсе событий!

04.12.2013

Виджет авто прокрутки для блогспот, блоггер.

Leave a Comment
 

Сегодня друзья я расскажу вам об виджете авто прокрутки.Этот виджет действует очень просто, у него всего две кнопки плей,или(прокрутка вниз) а вторая кнопка это пауза, или (остановка) действия движения.Но это еще не все что я могу рассказать о виджете, помимо того скорость прокрутки  увеличивается, или уменьшается при нажатии несколько раз кнопки плей. Так же что бы остановить движение прокрутки, если вы до этого нажали несколько раз кнопку пуска, то вам придется нажать на кнопку остановки, так же несколько раз.Но и это еще не все сюрпризы),еще скорость движения прокрутки можно регулировать в скрипте виджета.Про функции я вам рассказал,ну а теперь об установке  первым делом заходим в шаблон, Изменить HTML далее зажимаем CTRL+F , и в окошке поиска ищем тег </body> . Скрипт вставляем над этим тегом после того как его найдем в шаблоне, вот скрипт я отметил в коде зеленым маркером то место где можно увеличить, или уменьшить скорость прокрутки.
<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>

                         Жмем на сохранение в шаблоне, и проверяем работу виджета.

0 коммент. :

© 2012-2017 Cash's from program