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 = "http://3.bp.blogspot.com/-b30SvBjgj74/UDdnnlPQBhI/AAAAAAAACZs/85kZ7l1Mpiw/s1600/cooltext748576156.png"/></a>


Сохраняем.
Перетаскиваем гаджет вниз страницы. 
В код можно внести следующие изменения:
1. Изменить местоположение кнопки снизу и справа. Например, по 10 пикселей:  bottom:10px;right:10px. Где bottom – снизу, right– спрва.
2. Можно поместить кнопку слева. Для этого нужно заменить right на left.
3. Ссылку с кодом кнопки можно заменить на любую другую. В сети Интернет найдите любую понравившуюся кнопку (можно создать авторскую) ( кликните по ней правой кнопкой мыши) скопируйте ссылку на изображение и  замените в коде ссылку  "http://3.bp.blogspot.com/-b30SvBjgj74/UDdnnlPQBhI/AAAAAAAACZs/85kZ7l1Mpiw/s1600/cooltext748576156.png"на свою.

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

Екатерина Земскова комментирует...

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

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

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

Алина Алимбаева комментирует...

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