Добрый час!
Стрелка для плавного перехода вверх - сегодняшняя тема моего сообщения.
Я поделюсь своим опытом. КАК это делала я.
Захотела сделать стрелочку. И пошла искать информацию по этой теме. Оказалось, что сразу все нашлось! Долго искать - не пришлось.
Делюсь!
Это - скрипт для вставки стрелки:
***********************************
<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="http://all-blogspot.com/"><img src="https://sites.google.com/site/poleznoznat/gra.png"/></a>
<a href="javascript:smoothJumpUp()">
<img src="тут ваша ссылка"/>
</a>
</div>
***********************************************************************
Его нужно скопировать и вставить в Гаджет
Стрелка для плавного перехода вверх - сегодняшняя тема моего сообщения.
Я поделюсь своим опытом. КАК это делала я.
Захотела сделать стрелочку. И пошла искать информацию по этой теме. Оказалось, что сразу все нашлось! Долго искать - не пришлось.
Делюсь!
Это - скрипт для вставки стрелки:
***********************************
<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="http://all-blogspot.com/"><img src="https://sites.google.com/site/poleznoznat/gra.png"/></a>
<a href="javascript:smoothJumpUp()">
<img src="тут ваша ссылка"/>
</a>
</div>
***********************************************************************
Его нужно скопировать и вставить в Гаджет
HTML/JavaScript
Blogger - Дизайн - Добавить Гаджет.
Только, сначала выберите для своего блога подходящую стрелочку и вставьте ссылку на свою стрелочку в скрипт!
Вставить нужно вместо слов: тут ваша ссылка.
Будьте внимательны: кавычки (лапки) "_" - оставляем на месте!
Стрелочки и Ссылки на них
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/r7.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
************************************************************************
Должна сказать, что предложенные стрелочки с готовыми ссылками мне не понравились! Я сделала свою стрелочку.
Как? Очень просто! Зашла в Поиск - Картинки. Выставила нужные мне Инструменты Поиска. Вот так:
Нашла подходящую стрелочку. И нажала в Контекстном меню - "Копировать URL Картинки".
То есть, я взяла ссылку на картинку и вставила ее в готовый скрипт.
То есть, я взяла ссылку на картинку и вставила ее в готовый скрипт.
Вот и весь секрет!
Точно также можно взять ссылку своей стрелочки на бесплатных файлообменниках. Их - масса. Для их обзора нужна просто отдельная статья.
Закачиваете свою картинку на такой файлообменник и берете ссылку на свою же картинку.
Пробуйте! У Вас получится! Да, и возвращайтесь - оставить комментарий и подписаться в постоянные читатели!
Закачиваете свою картинку на такой файлообменник и берете ссылку на свою же картинку.
Пробуйте! У Вас получится! Да, и возвращайтесь - оставить комментарий и подписаться в постоянные читатели!
P.S: Обратите внимание на Размер и Расширение картинки, когда будете копировать ссылку на нее!!! Я так ошибалась 2 раза, пока выбрала для себя стрелочку! Удачи!
СУПЕР!!!!! Столько полезностей.
ОтветитьУдалитьСпасибо, Лариса! Ваша оценка - много стоит!
УдалитьНаталья, очень полезная статья , особенно для новичков. Написано очень понятно и доступно. Думаю многие будут Вам благодарны за эту подсказку.
ОтветитьУдалитьБлагодарю Вас, Наталия, за ценный урок!
ОтветитьУдалитьЯ тоже поставил, благодаря Вам, себе на блог такую стрелку.