Я не считаю себя гуру в компьютерах. Более того, очень часто сталкиваюсь с проблемами, которые многим покажутся смешными. Именно поэтому решила собирать в папочку "рецепты" для улучшения блога, написанные простейшим языком, проще говоря для чайников как я.
Недавно у одной интересной девушки Валери в блоге увидела справа стрелочку, которая быстро возвращает к началу поста. Удобно. Подбивала на мастер класс, но у Валери сейчас такая круговерть, что ей совсем не до стрелочек. Да и у меня самой дни насыщенные в реале, не до блога.
И, когда я сама уже забыла об этом "лифте", как наткнулась на простейшую инструкцию что и как сделать.
Если обратите внимание на угол снизу справа, то заметите такую рыженькую очаровательную стрелочку, которая у меня появилась. Хотите подобную? Легко!
Выбираем стрелку и сохраните куда-нибудь ссылку на нее она вам еще пригодиться:
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/JavaScript, и вставляем туда код и скрипт что ниже:
<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>
Затем надо заменить поле "тут ваша ссылка" на ссылку что вы скопировали в самом начале. Жмем сохранить, видим стрелку на сайте нажимаем плавно переходим в начало и радуемся.
На авторство не претендую. Информация, за которую я очень благодарна, скопирована отсюда.
Если Вас заинтересовала тема, то дайте знать. Я быстренько подберу еще материал
Стрелочка, ура! я у всех видела, но не знала где взять) А еще есть разные курсорчики в блогах, тоже красиво)
ОтветитьУдалитьЕсли нужны курсорчики, то в ближайшее время выложу пост на эту тему. Еще смайлики в сообщениях ждут своей очереди. На данный момент мне нужно перенести посты по блоговедению из первого блога в этот.
Удалитьспасибо большое, теперь и у меня стрелочка появилась!!!
ОтветитьУдалитьЗамечательно! Очень удобная штучка. Я настолько к ней привыкла, что в других блогах ее очень не хватает.
УдалитьА у меня, к сожалению, не отоброжается рисунок(
ОтветитьУдалитьАлена, попробуй другой вариант стрелочки.
УдалитьЭнн, спасибо за этот полезный пост! Ну, ты (можно так?) сама заходила и обо все догадалась)) А можно ли такой вариант стрелочки, чтоб, нажав на нее, сразу поднималась страница к верху, без прокрутки?
ОтветитьУдалитьНаверняка есть,но мне пока не попалась. Если будет, напишу. Не отписывайся пока от комментариев к этому посту.
УдалитьХорошо!!! Правда, только подписалась)))
УдалитьСкорость скроллинга страницы регулируется в самом скрипте.
Удалить"setTimeout(smoothJumpUp, 20);"
цифра 20 - скорость прокрутки вверх.
Владислав, спасибо за уточнение! Иногда, когда в постах по полсотни фото, хочется, чтобы перематывалось быстрее, но все равно это зависит от авторов блогов. Некоторых и от этих 20 подташнивает. Или если поставить 100, то будет почти мгновенно?
УдалитьЯ тут случайно обнаружила, что у моей стрелочки текст во всплывающей подсказке отображается какими-то кракозябристыми значками) В итоге я сразу помчалась к тебе делать новую стрелочку. Правда, картинку я поставила свою и сразу не скажешь, зачем она там, но если навести курсор, то всё сразу становится понятно))
ОтветитьУдалитьСпасибо!
Пандочка твоя просто супер в качестве стрелочки!
УдалитьСпасибо, установила себе! Не знала раньше про такую вещь!
ОтветитьУдалитьСандра, рада, что удивила.
УдалитьЭНН, СПАСИБО!!!!
ОтветитьУдалитьТеперь и у меня поселилась такая стрелочка)))
Марина, пусть живет долго и счастливо!
УдалитьЭнн, Поздравляю тебя с прошедшим Днем варенья!!!! Здоровья, успехов, любви и 48 часов в сутки))) Стрелочка получилась!!! Благодаря тебе потихоньку разбираюсь со своим блогом... Спасибо!!!
ОтветитьУдалитьДиана, я рада, что благодаря моим статьям, читателям стали больше нравиться свои же блоги.
УдалитьСпасибо за поздравления с днем рождения и искренние пожелания!
Наташа, поставила стрелку! Теперь радуюсь ))) Спасибо!
ОтветитьУдалитьЯ тоже всегда радуюсь, когда у моих читателей все получается))
Удалитькакая полезность!!!
ОтветитьУдалитьспасибо!!!
получилось ))
Здорово! Ирина, тебе теперь хочется дальше вести свой блог?
УдалитьИ у меня теперь есть такая стрелочка. Спасибо, Энн!
ОтветитьУдалитьПожалуйста, Оксаночка! У меня с этой стрелочки блог начался ))
УдалитьСПАСИБО !
ОтветитьУдалитьПожалуйста!
УдалитьСпасибо Энн! Все работает)))
ОтветитьУдалитьСупер! Читай про остальные полезности))
УдалитьЭнн! Ура! У меня появилась чудо - стрелочка! я повторюсь, ноя полный чайник в этих делах - но Вы все доступно даете! СПАСИБО БОЛЬШОЕ!!!
ОтветитьУдалитьБольшое спасибо за ваши эмоции!!! Мне тоже очень важно, чтобы у вас все получалось))
УдалитьУу, осмелитесь, так вместо предложенных стрелочек свою картинку вставите)))
ОтветитьУдалитьЭнн, мне интересно все из этой темы, пожалуйста, сообщайте о новостях: reginasvetlova@yandex.ru
ОтветитьУдалитьВашу стрелочку уже вставила, она мне пришлась кстати!
Регина Светлова, я рада, что информация оказалась полезной, но я не могу посылать вручную сообщения о новостях. Для получения анонсов достаточно подписаться либо на блог (что Вы уже сделали. Анонсы будут отображаться в ленте чтения), либо возможно подписаться по e-mail (справа в боковой колонке достаточно ввести адрес своей почты и нажать submit)
УдалитьУра! и у меня стрелочка! Спасибо огромное за доступную информацию!
ОтветитьУдалитьГалка, знаете как я рада, что мои инструкции востребованы и приносят радость кому-то!!!
УдалитьСупирска! Спасибо!
ОтветитьУдалитьНаталья, пожалуйста.
УдалитьСпасибо за статью!
ОтветитьУдалитьСлава, спасибо за комментарий! ))
УдалитьНу теперь вообще НИШТЯК!!! Энн - ТЫ золото!
ОтветитьУдалитьСергей Вигуляр, спасибо за комплимент! Приятно)))) Я тоже одним глазком к тебе заглянула))))
УдалитьСпасибо, теперь и я со стрелкой))
ОтветитьУдалитьИрина Степаненко, здорово, что все у Вас получилось!
УдалитьСпасибо, у меня все получилось!!!
ОтветитьУдалитьЮлия Михайлова, поздравляю со стрелочкой!
УдалитьКак удачно я сегодня зашла в один блог - увидела вашу ссылку! Спасибо, активным блоговедом я стала чуть больше месяца назад, а хочется, чтобы все было красиво и удобно не только мне, но и читателям. До чего-то дошла сама, но времени осваивать все методом тыка не хватает. Буду наведываться к вам :-)
ОтветитьУдалитьGalina (MarLen Mom), наведывайтесь, буду только рада!
УдалитьПростите, что не ответила сразу.
Спасибо за статью. Но у меня проблемка выскочила... Я решила другую картинку вместо стрелочки вставить, а у меня почему-то и стрелочка и картинка вместе вставились. Теперь не знаю что делать(((
ОтветитьУдалитьОй, я уже разобралась. Спасибо)
УдалитьАлена, Вы умница!
УдалитьОт! Теперь у меня есть тоже стрелочка. Спасибо вам! :)
ОтветитьУдалитьБлагодарю от всей души. Просто и легко. Хотя до этого перепробовала различные способы. А Ваш - самый классный!
ОтветитьУдалитьСпасибо БОЛЬШОЕ, установила себе! Ура-Ура!!!!
ОтветитьУдалитьСпасибо! Обожаю фиолетовый цвет и стрелочка теперь у меня любимого цвета!
ОтветитьУдалитьСпасибо, вы большая молодец. Для меня весь ваш блог источник полезной информации. Еще раз большое вам спасибо.
ОтветитьУдалитьБольшое спасибо!! Поставила и себе стрелочку)
ОтветитьУдалитьБольшое спасибо, стрелочка - чудо!
ОтветитьУдалитьХотелось бы возле комментария видеть лицо, а не "кирпич"...
ОтветитьУдалитьСпасибо за стрелочку.
ОтветитьУдалитьСпасибо. Все просто и понятно!
ОтветитьУдалитьЭнн!А у меня на все изменения в дизайне появляется надпись,что изображение нельзя передать с помощью защищенного соединения!Это что,не разрешает мой антивирус?Мне надо что-то отключать?
ОтветитьУдалитьСветлана, я, к сожалению, не в курсе, так как с таким не сталкивалась
УдалитьА где создать этот гаджет?
ОтветитьУдалитьСоздателю сайтов нечего делать в любительском блоге
УдалитьО!!!Энн!Я эту кнопку добила всё-таки!Тяжко быть "чайником"Но "стучите и вам откроется"!!!!)))))Спасибо за всё!!!!
ОтветитьУдалитьНу, красота!!!!Спасибо за блог!!Теперь у меня голубая водная стрелочка!!!!
ОтветитьУдалитьСпасибо,очень полезный материал.
ОтветитьУдалитьСпасибо!!!
ОтветитьУдалитьСпасибо! Ура получилось!
ОтветитьУдалитьСтрелочка очень полезная фишка.
ОтветитьУдалитьБлог дизайна интерьера.
Просто круть стрелочка))))))
ОтветитьУдалитьПросто круть стрелочка))))))
ОтветитьУдалитьРеспект автору! Спасибо за полезную инфу...
ОтветитьУдалитьЭнн, спасибо! Стрелочка - очень нужная вещь! Тоже хотелось такую :) Теперь есть!
ОтветитьУдалитьНа всякий случай, чем меньше число в "setTimeout(smoothJumpUp, 20);", тем быстрее движется страница.
Спасибо за помощь!
ОтветитьУдалить