СТРАНИЦЫ

▼

Набор Готовых Кнопочек Вверх

Оригинальные кнопочки «ВВЕРХ» для Блога
 Информации в сети, как установить кнопку «Вверх» на блогах - предостаточно, но очень хочется поделиться прекрасной подборкой подобных стрелок от Виктории Барад, которая давно успешно ведет свой Блог и делится своими познаниями с начинающими Блогерами.
Предлагает она 10 вариантов кнопочек на любой вкус и цвет.
Как правило, сложностей в их установке не у кого не возникнет. Коды кнопок расположены под каждым вариантом. Вот и выбирайте.


1.Красная кнопка

http://s019.radikal.ru/i628/1408/ed/c46142277b4d.png

2.Зелёная кнопка

http://s020.radikal.ru/i708/1408/6b/e361972f8aee.png

3.Синяя кнопка

http://s017.radikal.ru/i421/1408/95/d8493e2236ec.png

4.Анимированная кнопка

http://s019.radikal.ru/i634/1408/2a/17c62fc3f6ad.gif

5.Кнопка в стиле котэ

http://s019.radikal.ru/i618/1401/11/dbacc5f6df13.png

6.Глянцевая кнопка.

http://s019.radikal.ru/i606/1408/8c/9fa5e8543103.png

7.Серая кнопка.

http://i038.radikal.ru/1408/4e/7ae19510ec96.png

8.Голубая глянцевая кнопка

http://s017.radikal.ru/i409/1408/8c/323e6b0f3dd3.png

9.Кнопка в стиле Web

http://s019.radikal.ru/i639/1408/8b/359f1a2aba66.png

10. Большая кнопка.

http://s019.radikal.ru/i622/1408/df/3d555e53c795.png

 Отдав предпочтение приглянувшейся кнопочке - скопируйте код расположенный ниже и вместо слов «ваша ссылка» вставьте адрес (ссылку на картиночку) выбранного варианта. Если есть свои варианты стрелочек, то код тоже подойдет.

Сам Код

<script type="text/javascript" >
var smoothJumpUp = function() {
if (document.body.scrollTop>0 || document.documentElement.scrollTop>0) {
window.scrollBy(0,-50);
setTimeout(smoothJumpUp, 20);
}
}
</script>
<div id="topcontrol" style="position: fixed; z-index: 100500; bottom: 5px; right: 5px; cursor: pointer; opacity: 1; " title="вернуться в начало">
<a href="javascript:smoothJumpUp()">
<img src="ваша ссылка"/>
</a>
</div>

 После подготовки КОДА - заходим в «Дизайн», выбираем - добавить гаджет-HTML/JavaScript и устанавливаем туда этот код.
Переместите гаджет в самый низ страницы.
Сохраните расположение и радуйтесь результату.
На этом Блоге стоит несколько иная кнопка. О такой "Кнопке-Бабочке" будет отдельная статья.
На сегодня всё.
Не забудьте ознакомиться с предыдущими статьями этого Блога, например – С ЭТОЙ.
Всех вам Благ!

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

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