Приветствую вас друзья. Сегодня я продолжаю писать о виджетах для Блоггера. И это будет плавающая кнопка социальных сетей. С возможностью изменить местоположение и цвет самой кнопки. Как выглядит эта кнопка на блоге, вы можете посмотреть здесь.

Эти кнопки всегда на виду, куда бы не прокручивалась страница вверх или вниз. Тем самым как бы призывая нажать на неё. Ну что ж, приступим к установке:

Итак, стандартно выполняем следующие действия:

1) Заходим в Панель управления -> Дизайн

2) Далее нажимаем Добавить гаджет -> HTML/JavaScript

3) Копируем и вставляем код который находится ниже:
-------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------------------------

Далее, сохраняем и перетаскиваем гаджет вниз под "Сообщения блога".

Затем нажимаем на кнопку в правом верхнем углу "Сохранить". Всё готово, теперь вы можете наблюдать с левой стороны у себя на блоге плавающие кнопки социальных сетей для Blogspot.

Вы можете двигать кнопки влево или вправо, подгоняя их под ширину вашего блога, заменяя цифровое значение:

margin-left:-100px;

Можете расположить их выше или ниже, заменив цифровое значение здесь:
bottom:25%;
А так же изменить цвет на свой:

background:#fff;

Коды цветов вы можете посмотреть здесь

Ну вот друзья на этом и всё. Теперь вы можете устанавливать себе на блоге плавающие кнопки социальных сетей. Возможно вам так же интересно будет узнать как установить кнопку автоматической прокрутки страницы вверх на Blogspot. А я свами сегодня прощаюсь, и как всегда желаю успехов.

Хотите получать свежие статьи?