четверг, 22 декабря 2016 г.

Гаджет "Кнопка вверх" для Blogger

Довольно часто в статьях я публикую коды гаджетов, скриптов и др. Отчего статьи иногда получаются длинными. Для того, чтобы читателям блога было удобнее перемещаться и возвращаться к началу сообщения, добавила кнопку "вверх". Далее читайте, как вставить такую кнопку в блог на Blogger.
 Вот Вам несколько кнопок на выбор:


Как добавить любую из этих кнопок (или другую, найденную в Интернете или нарисованную самими):

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/AVvXsEjsrrKorUbJTVjUlv98PKhl8U15mNOUYTxn2aw46JXhpUiAMLAnzX_voYZMJ6a3wUibsyRLfvNYzZnGuVmLNXBfmgG8OSXQTu3H7dB25DrZRCavUia-36beROrUM9h2bt10jK9h4pTqAC4/s1600/dynamic_blue_up_left_1.png"/></a>
Отступ от правого края rihgt в пикселях поставьте свой.

3). Добавьте в блог гаджет HTML/JavaScript и в поле Содержание вставьте код кнопки. Сохраните гаджет и перетащите его в нижнюю часть блога или боковую панель.