Как сделать для сайта стрелочку «Вверх»?

стрелки-вверх-для-сайта

Доброго времени суток,друзья.

Рада приветствовать Вас на моем сайте «Мои года —  мое богатство».

Сегодня хочу поделиться моей находкой. Такая стрелочка «Вверх»  была сделана для блогов на Гугле  у Димы Перехватова.  Решила установить для сайта на Вордпрессе. И , видите, все получилось.  Как сделать, описано по пунктам далее.

https://sites.google.com/site/poleznoznat/r1.png
https://sites.google.com/site/poleznoznat/r2.png
https://sites.google.com/site/poleznoznat/r3.png
https://sites.google.com/site/poleznoznat/r5.png
https://sites.google.com/site/poleznoznat/r6.png
https://sites.google.com/site/poleznoznat/r1.png
https://sites.google.com/site/poleznoznat/r7.png
https://sites.google.com/site/poleznoznat/r1.png
https://sites.google.com/site/poleznoznat/r8.png
https://sites.google.com/site/poleznoznat/r9.png
https://sites.google.com/site/poleznoznat/r10.png
https://sites.google.com/site/poleznoznat/r11.png
https://sites.google.com/site/poleznoznat/r12.png
  •  Копируем  скрипт  расположенный внизу
  • Переходим в консоль, далее — внешний вид, далее виджеты.
  • Слева, в столбике свободных гаджетов,  находим «произвольный текст или HTML-код»
  • Вставляем скрипт,размещенный внизу.
  • Копируем адрес понравившейся стрелочки
  • Вставляем в скрипт на место записи «тут ваша ссылка».
  • Сохраняем и все. Стрелка готова.
  • Перетаскиваем вниз сайтбара.

——————————————————————————————

<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>
<a href="http://dperexvatov.blogspot.com/"><img src="https://sites.google.com/site/poleznoznat/gra.png"/></a>
--------------------------------------------------------------------

Вот и появилась стрелочка,которая сразу же перемещает Вас вверх.Мне давно хотелось установить такую.Но были какие-то сложности.А с этой справилась сразу. Думаю и у Вас все получится.

 

До новых встреч.



Если Вам понравилась статья, подпишитесь на обновления блога, и Вы будете всегда в курсе выхода новых материалов.
Введите @-mail:

Поделиться в соц. сетях

Как сделать для сайта стрелочку «Вверх»?: Один комментарий

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *