Здравствуйте, мои дорогие читатели.
Сервис Google.com имеет много возможностей. Со многими из них я вас знакомила в рубрике "Бабушкины секреты: как создать и оформить блог". Сегодня я хочу рассказать вам, как поставить кнопку "Вверх" по блогу. Такая кнопка нужна для удобства перемещения посетителей по вашему блогу. Такую кнопку ставят внизу блога в сайтбаре.
Для установки кнопки заходим в административную панель блога, нажимаем поочерёдно "Дизайн" - "Добавить гаджет" - "HTML/JavaScript". Вставляем в выпавшее окно HTML-код - один из указанных ниже кодов.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Поехали на Верх">
<img border="0" alt="Back to TOP" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTSwXjJcWwTUrho6Q-EN1zaWiEKeH8af9CNUMsCruHLl1GuqIIrBcpppzLHfzdxXEDsxCOPpDYHAn5caujs_ymA5f6kqcSzgIyxY6riPWk68Umc2p3tOv7TwvK6YoyB5r5Fw8wVr10dOg/s1600/cooltext748576156.png"/></a>
После вставки HTML-кода в окно гаджета (заголовок писать не нужно, нажмите кнопку "Сохранить". Перетяните гаджет на самое нижнее место бокового сайтбара и нажмите вкладку "Сохранить расположение".
Посмотрите, как действует эта кнопка "Вверх" на моём блоге. Если вы находитесь внизу блога, то нажав на эту кнопку, вы сразу попадаете на самое первое сообщение в блоге.
Если вам понравилась информация, поделитесь ей с друзьями, нажав на кнопки социальных сетей
Сервис Google.com имеет много возможностей. Со многими из них я вас знакомила в рубрике "Бабушкины секреты: как создать и оформить блог". Сегодня я хочу рассказать вам, как поставить кнопку "Вверх" по блогу. Такая кнопка нужна для удобства перемещения посетителей по вашему блогу. Такую кнопку ставят внизу блога в сайтбаре.
Для установки кнопки заходим в административную панель блога, нажимаем поочерёдно "Дизайн" - "Добавить гаджет" - "HTML/JavaScript". Вставляем в выпавшее окно HTML-код - один из указанных ниже кодов.
Первый HTML-код - текстовая кнопка "Вверх"
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Поехали на Верх">
<img border="0" alt="Back to TOP" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTSwXjJcWwTUrho6Q-EN1zaWiEKeH8af9CNUMsCruHLl1GuqIIrBcpppzLHfzdxXEDsxCOPpDYHAn5caujs_ymA5f6kqcSzgIyxY6riPWk68Umc2p3tOv7TwvK6YoyB5r5Fw8wVr10dOg/s1600/cooltext748576156.png"/></a>
Второй HTML-код - значок стрелки, направленный вверх
<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>
Посмотрите, как действует эта кнопка "Вверх" на моём блоге. Если вы находитесь внизу блога, то нажав на эту кнопку, вы сразу попадаете на самое первое сообщение в блоге.
Если вам понравилась информация, поделитесь ей с друзьями, нажав на кнопки социальных сетей
Татьяна, спасибо за информацию, я установила по Вашей подсказке текстовую кнопку., очень удобно!
ОтветитьУдалитьХорошо, этот указатель помогает читателям возвращаться в начало блога, особенно, если открыто много постов, правда?
УдалитьСпасибо, Татьяна. У Вас очень полезная информация в доступной форме
ОтветитьУдалитьЛидия, надеюсь, Вы справились с этой несложной настройкой? Заходите!
Удалить