Кнопка прокрутки

 кнопка прокрутки


взято здесь

http://www.bloguspeh.ru/2011/11/knopka-avtomaticheskoy-prokrutki-na.html

Кнопка автоматической прокрутки страницы вверх на Blogspot

Друзья всем привет. Давно хотел поставить себе кнопку автоматической прокрутки страницы блога вверх (скроллинг), так сказать для удобства читателей. И блуждая в очередной раз на просторах забугорного интернета, я нашёл три разных варианта таких кнопок на платформе Blogspot. И конечно же я не могу не поделиться своими находками с вами, моими читателями.

1. Первый способ. Анимированная кнопка. Наводя на неё курсор она увеличивается. Как она выглядит вы можете посмотреть здесь >>>

Выполняем следующие действия:

1) Стандартно, заходим в Панель управления -> Дизайн -> Элементы страницы

2) Нажимаем добавить гаджет, выбираем "HTML/JavaScript

3) Вставляем этот код. 

4) Перетягиваем гаджет в самый низ, и сохраняем.

Ссылки на картинки вы можете заменить на свои, я их выделил жёлтым цветом.

Всё наслаждаемся анимированной кнопкой. Не знаю, считать это недостатком или нет: 1) она не исчезает с экрана монитора когда страница уже прокручена; 2) прокрутка происходит мгновенно (не плавно).

2. Второй способ. Кнопка прокрутки вверх/вниз. С помощью неё, вы можете прокручивать страницу как вверх, так и вниз. Как она работает вы можете посмотреть здесь

Выполняем действия:

1) Стандартно, заходим в Панель управления -> Дизайн -> Элементы страницы

2) Нажимаем добавить гаджет, выбираем "HTML/JavaScript

3) Вставляем этот код под цифрой 1

4) Нажмите сохранить и обновить.

Теперь вы сможете увидеть у себя на блоге две стрелки "вверх" и "вниз", но работает только она, та что прокручивает вверх. Для того что бы кнопка работала в обоих направлениях, делаем ещё одно несложное действие:

5) Заходим в Панель управления -> Дизайн -> Изменить HTML

6) При помощи кнопок Ctrl+F находим закрывающий тег /bоdу> и прямо над ним вставляем следующий код под цифрой 2

Всё, теперь сохраняем и обновляем. Кнопка готова.

Вы можете изменить место положение кнопки с правой стороны (right) на левую (left), а так же изменить ссылки на изображения стрелок на свои.

3. Третий способ. Плавная прокрутка страницы вверх. Она плавно прокручивает страницу, и потом исчезает. Как она работает вы можете посмотреть у меня на блоге в правом нижнем углу.

Выполняем действия:

1) Как всегда, заходим в Панель управления -> Дизайн -> Элементы страницы

2) Нажимаем добавить гаджет, выбираем "HTML/JavaScript

3) Вставляем код который находится по этой ссылке

4) Перетягиваем гаджет в самый низ, и сохраняем.
Ссылку на изображение я выделил жёлтым цветом, вы её можете изменить на свою.

Ну вот друзья и всё. Я думаю данная статья как сделать кнопку автоматической прокрутки страницы блога вверх, пригодится для пользователей Blogspot. Возможно друзья, вам так же интересно будет почитать о том как сделать анимационный виджет с картинками для вывода популярных статей на Blogspot, и как сделать меняющий цвет заголовок на Blogspot вы можете посмотреть здесь. А я с вами сегодня прощаюсь, и как всегда желаю удачи.

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\