29 августа 2012 г.

Кнопка "Вверх" для Blogger

Кнопка Вверх

Сегодня поговорим о кнопке для быстрого перемещения вверх, устанавливаемой на блоге. Это удобно. Существует много вариантов. Приведу простейший. Установила давно, работает без сбоев.
<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 блога.

Petr2

Спасибо, Вера. Как-то забыл об этой кнопке. Очень удобно!

Unknown

К сожалению, гаджет неисправен.

В гаджете обнаружена ошибка. Его нельзя использовать, пока она не будет устранена.

Вера Борок

Inna and Eva. Зачем же так категорично. Я не ставлю непроверенные скрипты. Только что поставила гаджет на другой свой блог - все работает. Попробуйте еще раз.Картинка там только другая, отличная от моей.

Alex Smith

Прикольно, здОрово! Я поставил себе второй вариант - с исчезающей кнопкой.

Алёна Фактурина

Во втором гаджете на картинке значится апостроф,верхняя запятая,если подправить как и положено на кавычку - всё работает! Спасибо!

Вера Борок

Алена, спасибо. Подправила. Но у меня работает и с апострофом.

Unknown

Тоже всегда задумываюсь, а нужны ли эти прокрутки вверх и пользуется ими кто-то или это не более, чем фишка?! К примеру, помимо Home,существует ещё ряд прокруток, а в последнее время такие встроенные функции есть даже на не очень дорогих мышках. Для себя остаюсь хладнокровным к подобным штучкам, только лишний скрипт в шаблоне. :)

Unknown

Хотя, на пробнике проверил крайний скрипт - очень интересный для тех, кто любит блоггерские примочки и прокрутка, в отличии от вашей, плавная.

Гала

Вера, спасибо. Кнопку установила. Правда у меня нет такой стрелочки дополнительной, как у вас. Пока пусть повисит кнопочка, но мне её дизайн не очень подходит, тем более, что в блог заходят не только русские пользователи, так что нужна обычная стрелка. Подскажите, пожалуйста, где можно найти без рекламной нагрузки. Ещё недавно большой выбор был на dezzi.ru, но сейчас эта страница почему-то недоступна.

Вера Борок

Галина, стрелки есть в картинках Гугла и Яндекса. Можно самой нарисовать в графическом редакторе или подправить найденную.Также можно найти понравившуюся на сайте, выделить, правая кнопка - просмотр кода элемента. Скопировать картинку и подставить себе. И мой второй вариант гаджета - там симпатичная стрелочка.Дерзайте!

А.И.Костюк

Вера, спасибо. За 5 минут на 2 блога. Без проблем! Вот что значит хороший учитель! Нам ведь главное, чтобы понятно было... Спасибо.

TatoVlog

Спасибо! )

Володимир Трофимлюк

Спасибо подошло

Alena

Спасибо большое!!!!!!!!!

bosaolebb.blogspot.com

Коротко и ясно! СПАСИБО!

Unknown

Спасибо. Сработало. Посмотрите плиз, красиво ли получилось в моем блоге: ExcelGuide: Как сделать это в Excel

Unknown

Добрый день. Я что-то никак не могу добавить этот гаджет. В чем моя ошибка,подскажите?Вот что мне выдает: Введите URL гаджета, который вы хотите добавить в блог. я ввожу в это поле все и..
Исправьте ошибки, приведенные ниже.


URL содержит недопустимые символы

Наталья

СПАСИБО ОГРОМНОЕ! СПАСЛИ ЧАЙНИКА!!!!

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...