«

»

Окт 24 2014

Кнопки соц. сетей от сервиса Pluso

Pluso кнопки социальных сетей для сайтаДобрый день уважаемые посетители блога boqdanov.ru. Продолжаю тему «Кнопки социальных сетей для сайта». Хочу подробно дать обзор кнопок, которые я использую на своем сайте.  На дворе 23 октября, у нас в Волгограде холод  собачий, даже идти никуда не хочется. С утра снег срывался, в обед дождь пошел, сейчас вроде солнышко. Что сказать — осень на дворе.  Возвращаемся к кнопкам...Совсем недавно я публиковал статью, что такое кнопки соц. сетей  и зачем они вообще нужны. Можете почитать.

В этой статье рассмотрим набор первых больших кнопок у меня на блоге. Сделал и установил их с помощью онлайн сервиса Pluso. Собственно о нем и пойдет речь.

Как установить кнопки социальных сетей с помощью сервиса Pluso?

Кнопки выводятся с помощью обычного кода, который генерируется на сайте. Этот онлайн сервис предоставляет данный скрипт совершенно бесплатно. Приступим к созданию и размещению кнопок.

Заходим на официальный сайт Pluso. Интерфейс сервиса настолько прост и понятен, что разобраться в нем сможет даже новичок.  Нам сразу открывается конструктор панели.Pluso сервис

Переходим к созданию кнопок. Выбираем, какой стиль будут иметь кнопки. Вариантов много: оригинальные цветные, прозрачные, черно-белые и т.д. Кнопки соц. сетей для сайтаМне приглянулись цветные кнопки со счетчиком. Далее переходим к выбору социальных сетей. По умолчанию уже выводится список основных кнопок в левой части. Кнопки от PlusoДля добавления новой соц. сети воспользуйтесь мышкой. Просто перетаскиваем из правой части в левую, предварительно выбрав и зажав левой кнопкой.  Далее спускаемся вниз и настраиваем внешний вид кнопок. Хочу заметить, что сервис предоставляет функцию предосмотр.Pluso Это очень удобно. Можно сразу видеть, что получается и по мере необходимости отредактировать кнопки социальных сетей для сайта заново. Не бойтесь экспериментировать.  После всех манипуляций идем в самый низ и копируем сгенерированный код.Pluso сервисСоздаем новый текстовый документ и пока вставляем туда данный код. В сам скрипт кнопок социальных сетей я вставил следующий код,

<h3 style="text-align: center;"><strong>Понравилась статья? Поделись с друзьями:</strong></3>

Перед

<div class="pluso" data-background="none;" data-options="medium,square,line,horizontal,counter,sepcounter=1,theme=14" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,liveinternet,livejournal,memori,bobrdobr"></div>

Текст можете поменять на свой.

Подкорректировали, можно продолжить.  Этот код необходимо вставить в файл, отвечающий за вывод записи(single.php), который находится в папке вашего шаблона. Рекомендую перед редактированием сделать резервную копию файла. Можете с помощью программы FileZilla соединиться с хостингом и скачать для редактирования нужный файл.  А можно провести изменения прямо из админки WordPress вашего блога. Заходим в редактор шаблона и открываем файл single.php. Ищем примерно такую строчку:кнопки

И после нее вставляем скопированный код кнопок. Обновляем файл, идем на блог и смотрим, что получилось. Думаю, хорошо смотрится, не вписывался только вот этот красный плюс.Pluso+ Чтобы его убрать, нужно вставить специальный код в файл style.css вашей темы в самом конце и кнопка пропадет.

.pluso-more {display: none !important;
 }

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

Вот и все настройки. Теперь вы знаете, как установить кнопки социальных сетей для сайта с помощью сервиса Pluso.  В следующей статье разберемся, как установить кнопки соц. сетей с помощью Яндекса. А пока можете почитать статью про систему БаннерБро и получить подарок 1000 рублей при покупке. Ну и на последок. Сделал еще один прикольный скриншот.Knopki-socialnih-setei-ot-Pluso-1 Гугл скушал мою предыдущую статью через 12 сек после публикации. На этом у меня все. А какими вы кнопками пользуетесь? Удачи в делах!

С уважением, Богданов Антон!

 

Интересные материалы по теме: