Как добавить социальные кнопки на сайт

Здравствуйте уважаемые читатели моего блога!

В этой статье я расскажу и покажу как установить соц кнопки на сайт.

Кнопки эти нужны чтобы посетители вашего ресурса могли поделиться этим ресурсом в социальных сетях. Это один из вариантов.

Приступим:

Для начала переходим на сайт который предоставляет эти самые кнопочки по этой ссылке. Регистрироваться здесь не обязательно. Перед Вами откроется панель настройки кнопок.

Сначала выбираем внешний вид наших кнопок и сети которые хотим отобразить (см. скриншот).

Спускаемся ниже и продолжаем настройку. Здесь выбираем размер, форму кнопок. В одну или две строки будут отображаться. Горизонтально или вертикально будут расположены. Со счетчиком или нет. Также выбираем цвет фона либо убираем фон совсем. Слева окно предпросмотра, все изменения сразу будут отображаться в нем.

Ниже будет сформирован HTML код для вставки на Ваш сайт. Справа можете заполнить поля для мета тэгов. Выделяете и копируете весь код или просто жмете на кнопку “Копировать”. После того как код скопирован Вам останется вставить его в HTML код своего сайта в месте где хотите вывести кнопки соц сетей.

Приведу пример. Что-бы вывести кнопки на страницах с контентом сайта с движком WordPress нужно:

1.Заходим в админку сайта и в левом меню выбираем пункт “Внешний вид” > “Редактор”.

2.Справа в списке находим файл single.php и выбираем его.

3.Вставляем наш код выше над строкой <?php comments. Вот как это выглядит у меня.

4.Жмем “Оновить файл” и готово.

Если нужно выровнять кнопки по центру, то оберните код  в тэг <center>…</center>. Чтобы отодвинуть кнопки от контента нужно ставить тэг <br>. Оба этих тэга проставлены на скриншоте выше. Как пример.

Так выглядят кнопки в итоге:

У Вас будут те кнопки которые настроили. У меня получились такие.

Вот и все. Теперь нажав на кнопку посетители смогут поделиться Вашим сайтом у себя на страничках в соц сетях, а также распечатать статью или отправить на email. Если нужно установить кнопки на движок Drupal или Joomla вот ссылка.

Если остались вопросы задавайте в комментариях или на вкладке “Напишите мне”.

ЖЕЛАЮ ВСЕМ БОЛЬШИХ ЗАРАБОТКОВ!!!



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *