Для того, чтобы читателям блога было удобнее перемещаться и возвращаться к началу сообщения, добавила кнопку "вверх".
Интересную кнопку вверх в виде взлетающей ракеты предлагают здесь:http://blogodel.com/2013/03/Eshhe-odin-unikalnyj-skript-knopki-Vverh-dlja-Blogspot-Blogger.html. Смотрим, как работает, в блоге Гаджеты для Blogger: http://gadjetblogger.blogspot.com/.
Добавляем гаджет HTML/JavaScript в подвале блога или в самом низу боковой панели и вставляем код кнопки:
<!-- MrScrollUp.Start -->
<script type="text/javascript" src="http://bambun.ru/css_js/jquery.min.js"></script>
<script type="text/javascript" src="http://bambun.ru/css_js/MrScrollUp.js"></script>
<script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<link rel="stylesheet" type="text/css" href="http://bambun.ru/css_js/MrScrollUp.css" />
<div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div>
<!-- MrScrollUp.End -->
Простой способ установки кнопки вверх в другом блоге: http://veraborok.blogspot.ru/2012/08/knopka-vverx-dlya-blogger.html. В коде можно поменять картинку на свою, всего лишь изменив ссылку. Вот Вам несколько кнопок на выбор:
В качестве можно использовать анимированную стрелку.
Например, такую:
Как добавить любую из этих кнопок (или другую, найденную в Интернете или нарисованную самими):
1). Кликните правой кнопкой по кнопке и скопируйте адрес ссылки кнопки-картинки.
2). Затем в коде замените ссылку на свою (ссылка выделена синим).
Например, код кнопки, которая стоит в моем блоге:
<a style="display:scroll;position:fixed;bottom:0px;right:20px;" href="#" title="Вверх">
<img border="0" alt="Back to TOP" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJNEX3nY_O8Qcmq8LzP-2KztDZibaff2_g1F5aGiXiOOt2KIt69_w9U8eeNGHqcGFvcjAgn9yUqGI8C36VXsrAm-T5D3D8CirUWREh0t12zlhYnrQOmDKl1lkMEdufJrplC3umpqYcxZ4/s1600/dynamic_blue_up_left_1.png"/></a>
Отступ от правого края rihgt в пикселях поставьте свой.
3). Добавьте в блог гаджет HTML/JavaScript и в поле Содержание вставьте код кнопки. Сохраните гаджет и перетащите его в нижнюю часть блога или боковую панель.
0 коммент.:
Отправить комментарий