15.05.2015

Гаджет "Кнопка вверх"

Порой читаешь что-то внизу страницы на сайте или блоге, и нужно бы уже пойти наверх к новой вкладке и сидишь прокручиваешь колесико мышки - это долго... Для того, чтобы облегчить работу самому себе и сделать его удобным для гостей можно установить гаджет "Кнопка вверх".

Это очень легко сделать. Заходим в панель администратора, в раздел "Дизайн" и нажимаем "Добавить гаджет", выбираем гаджет HTML/JavaScrip и вставляем в его содержание следующий код:




<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Поехали на Верх"> 
<img border="0" alt="Back to TOP"  src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif1d83af4WDK4V7pQS4fKVW1VpaqQJaDvwyWV-TSEqvrIw-1Atf_hY6YpMQwPcuqRb3MSGIblEH2DU210aHP1iN2fJ0Niuwt574g2GQfSiZxSVj8fzCSpx-ElRt5KBUwfnp0myudcupL8/s1600/cooltext748576156.png"/></a>


Сохраняем.
Перетаскиваем гаджет вниз страницы. 
В код можно внести следующие изменения:
1. Изменить местоположение кнопки снизу и справа. Например, по 10 пикселей:  bottom:10px;right:10px. Где bottom – снизу, right– спрва.
2. Можно поместить кнопку слева. Для этого нужно заменить right на left.
3. Ссылку с кодом кнопки можно заменить на любую другую. В сети Интернет найдите любую понравившуюся кнопку (можно создать авторскую) ( кликните по ней правой кнопкой мыши) скопируйте ссылку на изображение и  замените в коде ссылку  "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif1d83af4WDK4V7pQS4fKVW1VpaqQJaDvwyWV-TSEqvrIw-1Atf_hY6YpMQwPcuqRb3MSGIblEH2DU210aHP1iN2fJ0Niuwt574g2GQfSiZxSVj8fzCSpx-ElRt5KBUwfnp0myudcupL8/s1600/cooltext748576156.png"на свою.

3 комментария:

Unknown комментирует...

Спасибо за информацию!!! Воспользовалась ею и вставила в наш блог.

Наталья Дьячкова комментирует...

Спасибо большое! Воспользовалась, мне и цвет кнопки подошел.

AlinaAlimbaeva комментирует...

Рада, что помогла)