Сегодня 9 июня, понедельник ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7281
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Блог для блогов - создание блога на blogspot
Блог для блогов - создание блога на blogspot
Голосов: 1
Адрес блога: http://bdblogov.blogspot.com/
Добавлен: 2013-06-02 03:52:18 блограйдером Olga28
 

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

2014-01-31 19:35:00 (читать в оригинале)

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

Здравствуйте дорогие читатели и посетители моего блога. Для удобного просмотра информации, предлагаю Вам код автоматической прокрутки страниц блога. Пример смотрите слева в этом блоге. Код вставляется в шаблон-изменить шаблон, перед закрывающим тэгом </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'>, тогда первой встанет кнопка старт, а потом стоп. Для расположения с левой стороны ничего менять не надо. Я думаю, что сложностей не возникнет. Автор этого виджета молодой blogger Dhiroj Barnwal с Индии. Ссылка http://www.allbloggertricks.com. На этом позвольте сказать Вам Всего доброго. 


Тэги: гаджеты

 


Самый-самый блог
Блогер Рыбалка
Рыбалка
по среднему баллу (5.00) в категории «Спорт»


Загрузка...Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.