суббота, 26 декабря 2015 г.

Как сделать кнопку Вверх с помощью виджета blogger

Продолжаю работу над внешним видом и удобностью чтения моего блога для читателей.
Как убрать Navbar и строку "Подписаться на сообщения Atom" я уже писала ранее.
Похоже настало время для следующего шага ;)
Давно мечтала о кнопке "Вверх", которую видела почти у всех в блогах.
Никак не могла определиться с дизайном: ракеты, надписи, бабочки, разные стрелки...
Позже, со временем, хочу собрать коллекцию всех этих штучек.
А я вот наконец-то придумала нечто свое.

Моя кнопочка вот     >>>        

Вставляется просто.
Открываем "Дизайн" >>> "Добавить гаджет" >>> "HTML/JavaScript"

Дальше нужно вставить этот код в поле "Содержание" 

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Вверх"> 
<img border="0" alt="Back to TOP"  src = "http://4.bp.blogspot.com/-jidxDtOdJb8/Vn7Rcv3V7OI/AAAAAAAABDo/qOuJkh87BSw/s1600/Up_left.png"/></a>

Оранжевым цветом - это адрес моей кнопки, можете брать, если понравилась :) или вставить сюда свой адрес. 

Нажимаете "Сохранить"

И все! В левом нижнем углу любуемся кнопочкой!

Другие посты о blogger

Комментариев нет:

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

Related Posts Plugin for WordPress, Blogger...