Новое в блоге
Loading...
9 дек. 2011 г.

Кнопка вверх Back–To-Top для Blogger

Добрый день! Дорогие посетители,чтоб было из чего выбирать хочу представить Вам ещё один виджет: кнопка вверх Back–To-Top для Blogger. Кнопка вверх незаменимый атрибут всех блогов.В первую очередь для удобства Ваших посетителей. Данный виджет очень прост в установке, благодаря очень полезному супер гаджету  HTML/JavaScript. Прокрутка не плавная, переход вверх происходит резко. Для начала можно посмотреть демонстрацию кнопки вверх. Плюс этого виджета: можно установить свои любые изображения кнопки. Для тех кто решил устанавливать милости прошу.

Как установить кнопку вверх Back–To-Top в свой блог

Для начала нужно перейти в Дизайн. Выберите HTML/JavaScript гаджет. Вставьте в его поле следующий  совсем маленький код:

<!--BACK-TO-TOP-STARTS-->
<a style="display:scroll;position:
fixed;bottom:5px;right:5px;" href="#" title="Back to Top">
<img onmouseover="this.src='https://lh4.googleusercontent.com/
-kpEuAFmtFS4/TuHYHd93yFI/AAAAAAAACrA/Zg-vFdeD6E4/s64/Up1Blue%255B4%255D.png
'" src="https://lh6.googleusercontent.com/-1sfD5fayCE0/
TuHYKQIibUI/
AAAAAAAACrI/5e9TuMqxj8o/s32/Up1Blue%255B9%255D.png" onmouseout="this.src='https://lh6.googleusercontent.com/
-1sfD5fayCE0/TuHYKQIibUI/AAAAAAAACrI/5e9TuMqxj8o/s32/
Up1Blue%255B9%255D.png'"/></a>
<!--BACK-TO-TOP-STOPS-->

Если Вас устраивает изображение кнопки, оставьте всё как есть.
Можете сохранить гаджет. Перетащите его в низ шаблона и можете про него забыть.

Сменить вид кнопки:
<!--BACK-TO-TOP-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;"
 href="#" title="Back to Top"><img onmouseover="this.
src='URL адрес изображения большой кнопки'" src="URL адрес изображения маленькой кнопки"
 onmouseout="this.src='URL адрес изображения маленькой кнопки'"/></a>
<!--BACK-TO-TOP-STOPS-->
И напоследок кнопки вверх. Может пригодятся:
Большая кнопка.
Маленькая кнопка.

Всё. Всем пока. Можете посмотреть другие варианты установки кнопки вверх: Кнопка вверх для Blogger (JQuery плагин scroll to top) и ещё Кнопка вверх для Blogger (scroll to top)

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

0 коммент. :

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

 
Footer