Как установить кнопки социальных сетей в 5 шагов!

Как установить кнопки социальных сетей в 5 шагов!

 Существует множество сервисов позволяющих установить кнопки социальных закладок в несколько кликов. Я свой выбор остановил на сайте pluso.ru. Мне понравилось то там предложенные кнопки круглой формы. Это был основной критерий.

И так, приступим к установке кнопок социальных сетей на блоггер.

шаг №1. Преходим на pluso.ru. Сайт не требует регистрации, что очень удобно.

Там нам предлагают несколько стилей, круглые, квадратные, в одну строку и в две, яркие и темные. Выбирайте понравившейся.

Шаг №2. После того как вы выбрали копируйте получившийся скрипт.

Шаг №3. Возвращаемся в Blogger, переходим в "Дизайн", в самом низу находим "добавить гаджет", добавляем HTML/JavaScript

Шаг №4. Вставляем в открывшееся окно скопированный скрипт ваших кнопок.

Если вы хотите что бы ваши кнопки находились так же с боку как у меня то надо сделать в коде небольшие изменения:

Если Вы выбирали кнопки с фоном, то после кода:

<div class='pluso pluso-theme-bewel pluso-vertical' style="background:#7bb9f9;

(причем набор символов 7bb9f9 у Вас будет другой, потому что цвет фона Вы выбрали свой, а не мой), Вам нужно вставить это:

display:scroll; position:fixed; top:90px; left:50px;

Разделите пробелом то, что было, и Вашу вставку.

В случае, если Вы выбрали кнопки без фона, вставляйте код:

style="display:scroll; position:fixed; top:90px; left:50px;"

после:

<div class='pluso pluso-theme-bewel pluso-vertical'

Опять же, отделите пробелами вставку.

и Шаг №5. Сохраните гаджет и расположение, просмотрите блог. Должно получиться примерно, как у меня. Как бы вы не крутили полосу прокрутки, кнопки должны остаться неподвижными.

P.S Есть еще один вариант. Кнопки будут располагаться под каждым сообщением.
Для этого вам надо прейти в "Настройки" -> "Сообщения и комментарии" -> "Шаблон сообщения". Добавляйте в откравшемся окне скрипт с кнопками и жмите сохранить.

Было полезно? Жми кнопку!