вторник, 6 августа 2013 г.

Кнопка "Вверх" для Blogger

Сегодня я расскажу как установить кнопку для быстрого перемещения вверх, устанавливаемой на блоге. Это удобно. Существует много вариантов. Приведу простейший. Установил недавно, но работает без сбоев.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Поехали на Верх"> 
<img border="0" alt="Back to TOP"  src = "http://cs306405.vk.me/v306405307/ae71/cnz8cOh994Q.jpg"/></a>
 Красным цветом выделена ссылка на картинку, т. е. какую картинку захотите такая и будет, достаточно заменить ссылку на свою.

Устанавливается очень просто, я установил меньше, чем за минуту. Устанавливаем как гаджет: "Дизайн" -- "Добавить гаджет" -- "HTML/JavaScript" -- код. Сохраняем. Перетягиваем в любое место, так как расположение кнопки оговорено: по 5 пикселей снизу и справа.

Вот и все. Ваша кнопка "Вверх" незаметно притулилась в самом низу страницы вашего блога и облегчила вашим читателям навигацию на блоге.

Что можно еще изменить:

  • Можно поменять положение вашей кнопки с любой стороны. Достаточно только - right заменить на left.
  • Расстояния проставьте свои.
  • Ну и естественно своя кнопка.
Я правда нашел небольшой минус, в том что кнопка появляется сразу, а не в тот момент, когда страница внизу.

Всем удачи!

7 комментариев:

  1. ммм надо будет себе тоже сделать))

    ОтветитьУдалить
  2. фууух.. немало потрудился я тоже.. таки сделал себе тоже.. но у меня по другому принципу.. в хтмл коде надо что то менять ...

    ОтветитьУдалить