Боковая панель кнопок социальных сетей

Добавим боковую плавающую панель кнопок социальных сетей в Blogger. Хотя, можно и на любой другой сайт.

Кнопки будем устанавливать используя сервис AddThis.

В сообщении я представлю два варианта добавления боковой панели плавающих кнопок (второй на случай, если не сработает первый), поэтому дочитайте до конца прежде чем приступать к установке.

Вариант 1. Непосредственно в шаблон

Для этого идем в Шаблон — Изменить HTML, с помощью сочетания клавиш Ctrl+F находим </body> и перед ним добавляем код: 

<!-- Боковая панель кнопок AddThis -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=vipbiz" async="async"></script>

После сохраняем шаблон.

Можете использовать данный скрипт, а можете зарегистрировать свой аккаунт и заменить username, выделенный красным на свой. 

Кроме того, если вы хотите применить другие стилевые решения, например, круглые кнопки или квадратные, белые или черные, тогда попробуйте настроить свой код непосредственно на сайте. Все это подробно в сообщении: Установка кнопок Поделиться AddThis на Blogger.

Перед всеми манипуляциями не забывайте делать бэкап, а после сохранять сделанные изменения.

Этот вариант установки не во всех шаблонах может корректно работать. Поэтому посмотрим еще вариант.

Вариант 2. В гаджет HTML/JavaScript

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

Этот вариант самый простой, которым может воспользоваться даже «чайник». Для его установки не надо лезть в шаблон, достаточно просто добавить код, сгенерированный с помощью сервиса, в гаджетHTML/JavaScript.

Гаджет оставьте без названия и расположите в Дизайне над или под блоком Сообщения блога. Кстати, если код вам больше будет не нужен его легко можно будет удалить, просто удалив гаджет.

Работу кнопок можете проверить непосредственно на странице этого сообщения.

источник