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

Каким способом добавить соцкнопки на сайт Joomla

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

Так уж сложилось, что сейчас практически у каждого человека есть своя страничка в соцсетях.

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

Зачем сайту социальные кнопки

Выше мимолетом уже упоминалось, что добавляя социальные кнопки на сайт, вебмастер таким способом привлекает дополнительную аудиторию, которая изъяв со статьи какую-нибудь пользу, может нажать поделиться. Конечно, данный способ не является стопроцентным, но все же, как дополнительный инструмент продвижения сайта и привлечения новых читателей, он весьма хорош.

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

Данный способ привлечения трафика может работать как в активном, так и пассивном режиме. Давайте более подробно разберем этот аспект.

Обратите внимание

Активный (штучный) режим особенно полезен и продуктивен для сайтов с низкой посещаемостью, так как позволяет интенсивно пиарить веб-проект во всевозможных социальных сетях. При достаточном времени можно постить страницы сайта своими силами. Если же со временем у вас не задалось, платите денежку и за вас это сделают другие. Та же самая биржа Advego ярчайший тому пример.

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

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

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

Если установить их в правом или левом месте вывода блоков, они будут практически бесполезными.

То же самое касается положения в начале статьи, поскольку читатель лишь ознакомившись с материалом, решается кликнуть поделиться.

Где взять рабочие социальные кнопки для Joomla

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

Сервисы социальных кнопок

— Кнопки социальных сетей на сайт от Яндекса. Для того чтобы скачать скрипт социальных кнопок перейдите по ссылке, опуститесь немного ниже по странице и выберите — Блок «Поделиться».

Далее вашему вниманию будет представлен «Набор сервисов», из которого нужно выбрать кнопки, которые бы вы хотели видеть у себя на сайте. Кроме этого можно выбрать внешний вид кнопок (только иконки, счетчики, иконки и меню, маленького размера).

  В поле «Код» будет сгенерирован скрипт, который и нужно вставить на сайт.

— Сервис Pluso. Здесь в отличие от Яндекса можно выбрать стиль кнопок и их горизонтальное или вертикальное расположение, сделать их большими, средними или маленькими, подобрать форму (квадратная или круглая), добавить фон и счетчик. Код для копирования доступен на той же странице.

— Share42.com. О тонкостях установочного процесса написано в статье «Плавающие вертикальные социальные кнопки».

Источник: https://stimylrosta.com.ua/joomla/seo/56-kak-ustanovit-knopki-sotsialnykh-setej-na-sajt-joomla

6 сервисов для добавления кнопок соц. сетей на сайт или блог

Приветствую! Недавно меня в обратной связи спросили, как сделать такие же кнопки социальных сетей, которые установлены у меня на сайте. И я решил дать ответ в статье, сделав обзор 6 сервисов соц. кнопок для сайта.

Преимущества и недостатки

Любой пользователь интернета при просмотре сайтов наверняка замечал на них кнопки соц. сетей, пример такие, как представлены у меня на блоге в конце статьи. Чаще всего, это небольшие значки, на которых расположена символика социальной сети и надписи типа: «рассказать другу», «поделиться» и так далее. Размещение таких кнопок принесет выгоду как автору блога, так и его читателям.

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

Преимущества

  1. Возможность легко и просто делиться полезным контентом в социальных сетях.
  2. Увеличение посещаемости созданного интернет-проекта.
  3. Увеличение популярности.
  4. Простота установки.
  5. Увеличение трафика из соц. сетей.
  6. Это один из бесплатных способов продвижения.
  7. Поисковики любят, когда посетители делятся в соц. сетях.
  8. Доступность многих социальных сетей в одном коде.
  9. Огромный выбор дизайна.
  10. Выбор расположения кнопок.
  11. Возможно установить плагин.

Недостатки

  1. Может снизиться скорость загрузки страниц.
  2. При узкоспециализированной направленности интернет-проекта, можно не получить желаемого эффекта.

Обзор сервисов кнопок социальных сетей

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

  1. Pluso.ru

    Это полностью бесплатный сервис, который работает следующим образом. Он автоматически генерирует специальный скрипт, при помощи которого имеется возможность посетителям интернет-проекта публиковать ссылки в социальные сети. Выглядит сервис в виде кнопочек. Установка очень проста и удобна, а размещенные кнопочки красиво смотрятся на странице.

    Установка происходит буквально в один клик. Имеется статистика переходов.

  2. Share42.com

    Это, наверное, один из самых интересных онлайн сервисов, при помощи которого имеется возможность сгенерировать кнопку по нескольким параметрам: размеру и внешнему виду.

    Кроме этого можно выбрать, как будет располагаться панель с кнопками (горизонтально или вертикально). Можно также указать кодировку.

    После выбора всех необходимых настроек, сгенерированный скрипт нужно скачать и поместить на свой интернет-проект в необходимое место. В основном, сразу после статьи.

  3. Tech.Yandex.ru

    Этот удобный сервис от Яндекса позволяет быстро и просто разместить специальный блок под названием «Поделиться». Кнопки очень удобные и пользователь сможет очень быстро добавить анонс статьи в свой аккаунт. Для установки необходимо поместить скрипт в необходимое место на созданном сайте.

    Далее система автоматически сгенерирует исходный код, который нужно будет установить у себя на блоге. К основным преимуществам этого сервиса можно отнести то, что скрипт не ставит на созданном блоге исходящие ссылки. Также имеется возможность подключения Яндекс.Метрики, для ведения статистики.

Читайте также:  Платежная система payeer

Источник: http://BlogoShpora.ru/knopki-sotsialnyih-setey-dlya-sayta/

Добавить кнопки социальных сетей в wordpress без плагина

Добрый день дорогие читатели блога, сегодня я хочу рассказать вам о кнопках социальных сетей для вашего сайта. В первый черед, речь пойдет о соц. кнопках поделится, а именно — wordpress кнопки социальных сетей — поделится в соц. сетях (которые публикуют записи у вас на стене).

Навигация по странице:

Чем полезные социальные кнопки поделиться

Кнопки социальных сетей wordpress нужны вам для:

  • привлечения новых посетителей на сайт;
  • бесплатной рекламы ресурса;
  • информирования пользователей социальных сетей о выходе нового поста в вашем wordpress блоге.

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

Cоц. кнопки поделиться позволяют пользователям

  1. Легко публиковать понравившийся им сайт у себя на стене.
  2. Делать положительный или отрицательный отзыв в соц. сетях о вашем ресурсе.
  3. Запомнить на долгое время на какой странице есть полезная информация. В истории стены всегда можно найти нужный сайт, даже через несколько лет после публикации.

Социальные кнопки поделиться нужны при СЕО оптимизации для:

  • наращивания ссылочной массы сайта;
  • увеличения количества ссылок с реальными переходами;
  • улучшения поведенческих факторов с прямыми переходами.

к менюЯ довольно много использовал разных плагинов WordPress и сервисов по добавлению иконок социальных сетей на сайт, но все они хоть чем то, но мне не нравились. Для примера взять тот же сервис share.

yandex, вроде уважающая себя организация, а заставить безглючно работать маленькие кнопочки не могут :-). Использование плагинов, тоже не вариант ведь грузят они сервер и страницы прилично.

Недавно оптимизировал сайт на WP чтоб он меньше жрал ресурсов процессора и ничего не смог сделать пока не выключил все плагины и не начал искать негадяя, им оказался плагин для соц. кнопок и плагин для добавления блоков рекламы на сайт.

Варианты с сервисами, которые предоставляют социальные кнопки поделиться вместе с рекламой своего ресурса тоже отпадают сразу, ну это как то не по человечески, — мы вам функцию, а вы нам ссылку на сайт — не сильно равный обмен, особенно если у вас довольно раскрученный проект. Ну да не будем о грустном, раз я пишу этот пост, значит у меня есть что вам предложить и посоветовать: сервис share42, о нем дальше и поговорим.

Кнопки социальных сетей на сайт wordpress share42

к менюСсылка на сервис: Получить ссылку на (share42).

Сервис имеет большую гаму настроек для отображения кнопок соц. сетей. О них вы можете узнать более подробно если развернете вкладку ниже:

Развернуть полное описание сервиса share42

Как уже говорилось share42 это бесплатный сервис, который не публикует свою ссылку возле иконок соц. сетей и может генерировать ссылки для 43 социальных сетей, а именно для:

Источник: https://help-wp.ru/wordpress-knopki-socialnyx-setej/

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

  1. Создаем спрайт из кнопок и вставляем Html код на сайт
  2. Оформляем кнопки в CSS

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru.

Можно, конечно же, и плагин для этой задачи использовать, но сделать самому не так уж и сложно, да и одним плагином в WordPress будет меньше, тем более, что их у меня и так достаточно много трудится (см.

статью по приведенной ссылке). Иконки соцсетей я взял из бесплатного конструктора кнопок Share42, о котором уже довольно подробно писал (надеюсь, что Димокс против этого возражать не будет).

Важно

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

А также я посчитал уместным добавить кнопку подписки на RSS ленту и кнопку Feedburner для подписки на новости сайта по Емайлу.

Создаем спрайт из кнопок и вставляем Html код на сайт

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

Можно, конечно же, в соответствии с моим постом про иконки и значки для сайта, подобрать для каждой соцсети подходящую иконку и при необходимости уменьшить ее размер до необходимого в простенькой программе FastStone Image Viewer и бесплатном онлайн-фотошопе.

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

Будет у вас десяток иконок — значит десять запросов, которые по-любому будут создавать дополнительную нагрузку на сервер и снижать скорость загрузки страниц.

Нам такое расточительство не подходит, тем более, что уже давно изобрели CSS спрайты.

Я решил не изобретать велосипед (создавать спрайт), а использовал тот, что создает конструктор Шаре42 (ссылка на описание работы с ним приведена чуть выше).

В нем можно выбрать те соцсети, иконки которых вам будут нужны, и вместе с кодом вы получите CSS спрайт, т.е.

Совет

физически один графический файл, на котором будут размещены все нужные вам иконки соцсетей и подписки на RSS ленту (и Емайл, если потребуется).

Я выбрал четыре основных сети и пару иконок для подписки на новости с размером иконок 24 на 24 пиксела, поэтому мой спрайт выглядит так (FriendFeed, правда, туда еще затесался, но это не беда):

Теперь у нас есть все ингредиенты — ссылки на группы или страницы соцсетей и иконки для их отображения на сайте. Осталось все это только правильно приготовить, т.е. сверстать.

Мой блог работает на WordPress, поэтому код с кнопками я буду вставлять в один из шаблонов, из которых состоит используемая мною тема оформления. В моем случае он называется sidebar.php.

Html код при этом получается крайне простой:

На всякий случай я добавил rel=»nofollow», чтобы эти ссылки не учитывали поисковики при распределении весов на сайте. Атрибут Title в теге гиперссылки A служит для отображения заключенного в него текста при подведении курсора мыши к иконке. Я не стал им пренебрегать, ибо не для всех посетителей сайта иконки могут представлять исчерпывающую информацию. Выглядеть это будет примерно так:

Читайте также:  Платежная система neteller

Привязываем спрайт к Html коду и оформляем кнопки в CSS

Однако очевидно, что для описанного выше кода нужно будет еще несколько строк в файле стилей добавить (у меня он называется style.css и живет в папке с используемой мною темой оформления — читайте про них по приведенной чуть выше ссылке). У меня получилось примерно так (может быть и корявенько, но работает):

.twit {display:inline-block;vertical-align:bottom;width:24px;height:24px;margin:0 20px 0px 0;padding:0;outline:none;background:url(путь до файла со спрайтом/icons.png) -0px 0 no-repeat;} .vkon {display:inline-block;vertical-align:bottom;width:24px;height:24px;margin:18px 20px 0px 0;padding:0;outline:none;background:url(путь до файла со спрайтом/icons.png) -24px 0 no-repeat;} .face {display:inline-block;vertical-align:bottom;width:24px;height:24px;margin:0 20px 0px 0;padding:0;outline:none;background:url(путь до файла со спрайтом/icons.png) -48px 0 no-repeat} .goog {display:inline-block;vertical-align:bottom;width:24px;height:24px;margin:0 20px 0px 0;padding:0;outline:none;background:url(путь до файла со спрайтом/icons.png) -96px 0 no-repeat} .rsskt {display:inline-block;vertical-align:bottom;width:24px;height:24px;margin:0 20px 0px 55px;padding:0;outline:none;background:url(путь до файла со спрайтом/icons.png) -120px 0 no-repeat}
.emailkt {display:inline-block;vertical-align:bottom;width:24px;height:24px;margin:0 20px 0px 0;padding:0;outline:none;background:url(путь до файла со спрайтом/icons.png) -144px 0 no-repeat}

CSS свойство display:inline-block позволяет придать тегу гиперссылки A одновременно свойства строчного и блочного элемента. По отношению к внешним и соседним тэгам он будет вести себя как строчный (т.е.

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

Обратите внимание

можно будет задавать его размеры как по ширине, так и по высоте, а еще задавать отступы с помощью марджинов и педдингов).

CSS свойство vertical-align:bottom задет выравнивание по вертикали, что наверно понятно из его названия. Практически для всех элементов в Html коде оно означает выравнивание между собой строчных элементов с текстом относительно их базовой линии. Просто поэкспериментируйте и поймете его назначение.

С помощью width и height мы задаем размеры отображаемого блока, который должен совпадать с размером иконки соцсети. Свойство outline:none используется, чтобы в некоторых браузерах при клике на ссылку вокруг нее не появлялась рамка. С помощью margin я задал отступы от верха и от соседних иконок, если не ошибаюсь (года три назад делал, когда CSS активно изучал).

Ну, и самое интересное. С помощью сборного правила background мы определяем, какая именно область нашего спрайта будет отображаться на данном конкретном месте в виде фона (в нашем случае этот фон подкладывается под гиперссылку).

Объяснять как так получается очень долго, поэтому читайте приведенную по ссылке статью и все станет понятно (там и наглядные примеры приводятся). Если лень, то просто поэкспериментируйте с циферками, которые, как вы могли заметить, не даром кратны 24.

Да, файл спрайта залейте по ФТП на свой сайт и укажите в background до него путь (в относительном или абсолютном виде). Вот и все.

Если не получится, что читайте внимательнее материалы по приведенным выше ссылкам, ну, а если совсем уже ничего не получится, то описывайте вашу ситуацию в комментариях (подробненько — для вставки кода на забудьте его в теги PHP заключить с квадратными скобками).

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

* Нажимая на кнопку «Подписаться» Вы соглашаетесь с политикой конфиденциальности.

Подборки по теме

Использую для заработка

Рубрика: Верстаем с нуля, Используем соцсети

Источник: https://KtoNaNovenkogo.ru/html/div-verstka-html/kak-dobavit-na-sajt-blok-knopkami-stranicy-gruppy-socialnyx-setyax.html

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

Социальные сети отличный инструмент для продвижения своего сайта в интернете.

Через соц сети можно настроить колоссальный трафик к своему ресурсу совершенно бесплатно используя распространенный подход — кнопки соц сетей.

Кнопки социальных сетей на сайте могут значительно улучшить не только посещаемость, но и взаимоотношения с поисковиками, а соответственно снова же увеличить трафик посетителей.

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

  • Блок поделиться от Яндекса;
  • использование сторонних сервисов для добавления кнопок;
  • плагины поделиться в социальных сетях для сайта на WordPress;
  • описание добавления кнопок каждой социальной сети по отдельности;
  • добавление иконок на профили в социальных сетях.

Для начала небольшой экскурс в тему, что такое и для чего нужны эти самые кнопки соц сетей для сайта. Прекрасное видео от сервиса Pluso поможет вам легко выбрать, настроить и внедрить кнопки абсолютно на любой сайт:

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

Я думаю раз вы читаете это статью, тогда вам известны примерное или точное предназначение кнопок расшаривания на сайте, а значит что мы можем переходить к основной части статьи, а именно добавлением иконок.

Яндекс кнопки соц сетей

Популярный русскоязычный поисковик предоставляет отличную возможность кнопки социальных сетей на сайт от Яндекса. Тут все до боли просто:

  1. Используем Конструктор блока «Поделиться» для выбора требуемых соц сетей.
  2. Выбираем «Внешний вид блока».
  3. Копируем код и вставляем в нужном месте на сайт.

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

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

Важно

Подбираем внешний вид, кнопки со счетчиком или без, маленькие или крупные и копируем код для вставки на сайт:

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

Сторонние сервисы для добавления кнопок поделиться в социальных сетях

Не буду проводить обзор всех возможных сервисов, их суть одна и та же:

  1. Выбираете соц сети.
  2. Изменяете внешний вид.
  3. Копируете код.
  4. Вставляете у себя на сайт.
Читайте также:  Дубли страниц на сайте

Теперь список сервисов:

  • http://share.pluso.ru/
  • http://share42.com/ru

Источник: http://yrokiwp.ru/cms-wordpress/plagin/soc-buttons/

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

Привет друзья  и уважаемые читатели sozdamblog.ru! Сегодня мы будем подробно разбирать, как добавить социальные кнопки на сайт или блог. Откуда взять социальные кнопки, как их установить и настроить. Обо всё об этом вы узнаете из этого поста!

Социальные кнопки очень важны и являются неотъемлемым элементом сайта.

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

В ней я рассказывала о нескольких вариантах установки кнопок:

1). Установка кнопок социальных сетей вручную, добавляя код

2). С помощью плагина Social Share Buttons

3). При помощи сервиса http://api.yandex.ru/share

На самом деле существует множество способов добавления социальных кнопок на сайт, но не все они положительно сказываются на вашем блоге.

Что касается первого варианта, то кнопки разных соц. сетей сложно подогнать под свой дизайн.

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

На мой взгляд, одним из самых простых и удобных способов сделать социальные кнопки на сайте через сервис «Share42», в нём большой ряд популярных кнопок, что позволяет выбрать из такого изобилия нужные. А так же включает в себя много других плюсов, о которых сейчас расскажу.

Социальные кнопки на сайте или блоге. Сервис Share42

К достоинствам данного сервиса относится:

— удобство и простота в установке и настройке

— все файлы размещаются на хостинге вашего блога, что обеспечивает её стабильную работу

— симпатичный внешний вид кнопок, выполненный в одном стиле

— отсутствие ненужных исходящих ссылок

— возможность расположить блок кнопок как горизонтально, так и вертикально

Подробнее об остальных преимуществах можно почитать на самом сайте.

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

Первым делом заходим на сайт сервиса Share42.com

Далее делаем всё по шагам:

1).  Выбираем размер кнопок и соответственно те кнопки, которые хотите видеть у себя на сайте.

Просто перетаскиваем мышкой в раздел «Прочее» в том порядке, каком хотим. И выделяем нажатием мышки на нужную иконку.

Совет

2). Дальше выбираем тип расположения кнопок (горизонтальная или вертикальная). Указываем кодировку сайта.

В пользу автора оставляем галочку, чтобы осталась иконка сайта Share42.com или снимаем. Если выбирали кнопку rss, то вписываем адрес ленты. Подключение JQuery-я галочку не ставила.

3). Обязательно смотрим, что получилось и как выглядят социальные кнопки. Если всё нравится, то скачиваем скрипт.

4). Теперь самый главный шаг – установка скрипта на свой сайт.

Советую куда-нибудь скопировать файл single.php – на всякий случай.

Скачанный скрипт — закачиваем на хостинг через панель управления и распаковываем. Выбираем подходящий тип сайта, я выбрала WordPress. И чтобы указать путь к файлам вставляем приведённый ниже код в шаблон вашего сайта. Только вместо site.name пишем свой домен.

Заходим в редактор, и если вы хотите поставить кнопки в конце каждой статьи, то вставляем этот код в single.php после строчки:

.

У меня лично такая строчка, ваша может отличаться.

Если хотите расположить вертикально, то вставляете в header.php перед закрывающим тегом «/head».

Теперь осталось дело за малым — оформить внешний вид панели с кнопками.

Выравнивание по центру.

Чтобы сделать социальные кнопки на сайте по центру используйте тег код кнопок или перед кодом пропишите и после кода поставьте закрывающий тег .

Добавляем социальные кнопки с помощью сервиса Pluso

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

Обратите внимание

А почему? А потому что можно не только выбрать стиль кнопок, размер, форму, их расположение, но и цвет фона. Можно установить кнопки со счётчиками. Оформлению можно позавидовать.

В общем, всё для вас!<\p>

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

Итак, переходим на share.pluso.ru и выбираем желаемый стиль кнопок.

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

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

Заполните три поля, расположенных справа. Установив кнопки на своём сайте вы позволяете использовать метатеги, что помогает продвижению вашего блога.

Если вас всё устраивает и всё нравится, приступаем к установке.

Копируем полученный код и вставляем в нужное нам место. Здесь всё тоже самое — в single.php. Выравнивание по центру социальных кнопок происходит так же как и в предыдущем варианте.

Есть минус в данном сервисе. Это внешняя ссылка (реклама сервиса) в виде плюса в конце кнопок.

При желании можно удалить эту красную кнопку, зайдите в style.css и в конце добавьте следующий код:

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

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

Важно

Буду признательна, если понажимаете на мои кнопочки социальных сетей. А какой способ установки кнопок социальных сетей нравится вам?

P.S. Советую получать новые статьи на свой e-mail, чтобы не пропустить полезную информацию!

С уважением, Анна Федорова

Источник: http://sozdamblog.ru/raskrutka-i-seo/kak-dobavit-socialnye-knopki-na-sajt-ili-blog.html

Ссылка на основную публикацию