Сегодня поговорим о кнопке для быстрого перемещения вверх, устанавливаемой на блоге. Это удобно. Существует много вариантов. Приведу простейший. Установила давно, работает без сбоев.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Поехали на Верх">
<img border="0" alt="Back to TOP" src = "http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi22iAL6945WeWHDjyk1encXdoGBRJqP-SzVJa-JWadVMViBGCoAsL737XHMmrB4GLANKtM0GGTY3Wz31Lwa2YF-pJ1SRr0kJO9__HQB8eT8ZR_qQZ-fg-Sm3F9gcOZP8MFvGYHFUkNvlo/s1600/cooltext748576156.png"/></a>
Устанавливаем как гаджет: "Дизайн" -- "Добавить гаджет" -- "HTML/JavaScript" -- код. Сохраняем. Перетягиваем в любое место, так как расположение кнопки оговорено: по 5 пикселей снизу и справа.
Все. Кнопка "Вверх" незаметно притулилась в самом низу страницы и облегчила вашим читателям навигацию на блоге.
- Желаете поместить кнопку слева - right замените на left.
- Расстояния проставьте свои.
- Ну и сама кнопка. Я вам нарисовала скромненькую - устраивает, можете оставить всё как есть. Хотите картинку, поищите в интернете. Большой выбор здесь. Хотите создать свою уникальную кнопку - ознакомьтесь с материалом "Создание кнопки для блога".
Нашла я этот код давно на чужом блоге, через просмотр кода элемента. Установила как гаджет. В то время еще не знала другого способа. А сейчас все предлагают огромный код, размещаемый в разных местах шаблона. Но там кнопка исчезающая. Думайте сами, стоит ли огород городить?
А недавно нашла новый гаджет, на первый взгляд, интереснее предыдущего. С исчезающей кнопкой. Установила на второй блог. Работает.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://bloggerhelp.ru/uploads/demo/to-top/code.js"/></script>
Источник: blogger.com.md
И еще. А вы не пробовали нажать на клавиатуре Home - результат тот же. Может и кнопку ставить не нужно?
22 коммент.:
Верочка, спасибо огромное, я так хотела ее ) Тоже всегда все добываю через просмотр кодов, но у Вас я цивильно написала и попросила ,очень мне нравятся ваши статьи! Не захотела просматривать код! Побегу ставить!
Вера, Вы же были на флещмобе ? посмотрите мой видеоотчет.
Оля, посмотрела ролик - просто Супер! Умничка. Продолжай работать в этом направлении.
Вера, конечно нетрудно, ты же была у меня на блоге ? Там есть урок как спрятать ссылку за картинку. Там послушаешь сразу поймешь,он коротенький на 3 минутки.( на правой боковой панели, где "Полезная информация"
Урок писала столько же, очень торопилась для студентов) Соотвественно и качество )Жду в гости! )
Вера, спасибо большое! Всё работает. Установила за 30 секунд на 2 блога.
Спасибо, Вера. Как-то забыл об этой кнопке. Очень удобно!
К сожалению, гаджет неисправен.
В гаджете обнаружена ошибка. Его нельзя использовать, пока она не будет устранена.
Inna and Eva. Зачем же так категорично. Я не ставлю непроверенные скрипты. Только что поставила гаджет на другой свой блог - все работает. Попробуйте еще раз.Картинка там только другая, отличная от моей.
Прикольно, здОрово! Я поставил себе второй вариант - с исчезающей кнопкой.
Во втором гаджете на картинке значится апостроф,верхняя запятая,если подправить как и положено на кавычку - всё работает! Спасибо!
Алена, спасибо. Подправила. Но у меня работает и с апострофом.
Тоже всегда задумываюсь, а нужны ли эти прокрутки вверх и пользуется ими кто-то или это не более, чем фишка?! К примеру, помимо Home,существует ещё ряд прокруток, а в последнее время такие встроенные функции есть даже на не очень дорогих мышках. Для себя остаюсь хладнокровным к подобным штучкам, только лишний скрипт в шаблоне. :)
Хотя, на пробнике проверил крайний скрипт - очень интересный для тех, кто любит блоггерские примочки и прокрутка, в отличии от вашей, плавная.
Вера, спасибо. Кнопку установила. Правда у меня нет такой стрелочки дополнительной, как у вас. Пока пусть повисит кнопочка, но мне её дизайн не очень подходит, тем более, что в блог заходят не только русские пользователи, так что нужна обычная стрелка. Подскажите, пожалуйста, где можно найти без рекламной нагрузки. Ещё недавно большой выбор был на dezzi.ru, но сейчас эта страница почему-то недоступна.
Галина, стрелки есть в картинках Гугла и Яндекса. Можно самой нарисовать в графическом редакторе или подправить найденную.Также можно найти понравившуюся на сайте, выделить, правая кнопка - просмотр кода элемента. Скопировать картинку и подставить себе. И мой второй вариант гаджета - там симпатичная стрелочка.Дерзайте!
Вера, спасибо. За 5 минут на 2 блога. Без проблем! Вот что значит хороший учитель! Нам ведь главное, чтобы понятно было... Спасибо.
Спасибо! )
Спасибо подошло
Спасибо большое!!!!!!!!!
Коротко и ясно! СПАСИБО!
Спасибо. Сработало. Посмотрите плиз, красиво ли получилось в моем блоге: ExcelGuide: Как сделать это в Excel
Добрый день. Я что-то никак не могу добавить этот гаджет. В чем моя ошибка,подскажите?Вот что мне выдает: Введите URL гаджета, который вы хотите добавить в блог. я ввожу в это поле все и..
Исправьте ошибки, приведенные ниже.
URL содержит недопустимые символы
СПАСИБО ОГРОМНОЕ! СПАСЛИ ЧАЙНИКА!!!!
Отправить комментарий