понедельник, 9 апреля 2012 г.

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

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


взято здесь

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



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

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

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

Выполняем следующие действия:
1) Стандартно, заходим в Панель управления -> Дизайн -> Элементы страницы
2) Нажимаем добавить гаджет, выбираем "HTML/JavaScript
4) Перетягиваем гаджет в самый низ, и сохраняем.
Ссылки на картинки вы можете заменить на свои, я их выделил жёлтым цветом.
Всё наслаждаемся анимированной кнопкой. Не знаю, считать это недостатком или нет: 1) она не исчезает с экрана монитора когда страница уже прокручена; 2) прокрутка происходит мгновенно (не плавно).

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

Выполняем действия:
1) Стандартно, заходим в Панель управления -> Дизайн -> Элементы страницы
2) Нажимаем добавить гаджет, выбираем "HTML/JavaScript
4) Нажмите сохранить и обновить.
Теперь вы сможете увидеть у себя на блоге две стрелки "вверх" и "вниз", но работает только она, та что прокручивает вверх. Для того что бы кнопка работала в обоих направлениях, делаем ещё одно несложное действие:
5) Заходим в Панель управления -> Дизайн -> Изменить HTML
6) При помощи кнопок Ctrl+F находим закрывающий тег /bоdу> и прямо над ним вставляем следующий код под цифрой 2

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

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

Выполняем действия:
1) Как всегда, заходим в Панель управления -> Дизайн -> Элементы страницы
2) Нажимаем добавить гаджет, выбираем "HTML/JavaScript
3) Вставляем код который находится по этой ссылке
4) Перетягиваем гаджет в самый низ, и сохраняем.
Ссылку на изображение я выделил жёлтым цветом, вы её можете изменить на свою.

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

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

Комментариев нет:

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