Follow my blog with Bloglovin
Мы были бы потрясены до глубины души, если бы осуществляли все, на что способны (Томас А. Эдисон)

вторник, 21 января 2014 г.

Стрелочка "вверх" в нашем блоге.

Добрый час!
Стрелка для плавного перехода вверх - сегодняшняя тема моего сообщения.
Я поделюсь своим опытом. КАК это делала я.

Захотела сделать стрелочку. И пошла искать информацию по этой теме. Оказалось, что сразу все нашлось! Долго искать - не пришлось.
Делюсь!

Это - скрипт для вставки стрелки:
***********************************


<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 раза, пока выбрала для себя стрелочку! Удачи! 

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

  1. Ответы
    1. Спасибо, Лариса! Ваша оценка - много стоит!

      Удалить
  2. Наталья, очень полезная статья , особенно для новичков. Написано очень понятно и доступно. Думаю многие будут Вам благодарны за эту подсказку.

    ОтветитьУдалить
  3. Благодарю Вас, Наталия, за ценный урок!
    Я тоже поставил, благодаря Вам, себе на блог такую стрелку.

    ОтветитьУдалить

Страницы