Как установить на сайте иконки социальных сетей

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

Screenshot

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

Что для этого нужно сделать?

Набираем в поисковике Яндекса «Блог Поделиться»

Скриншот

Переходим на страницу сайта.

Screenshot1

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

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

Screenshot3

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

Screenshot4

Его нужно скопировать и разместить внизу, под статьей. Для этого открываем нужную вам запись, нажимаем — редактировать запись.

Скриншот

Пишем внизу, по центру — Спасибо Вам, что поделились статьей в социальных сетях! Желательно выделить предложение и шрифтом, и цветом. Переходим ниже.

Снимок экрана (8)

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

Скриншот 2

Спускаемся вниз и удаляем последнюю строчку <p style=»text-align: center;»></p>. Сюда мы будем вставлять кнопки наших социальных сетей. Для этого переходим на блог «Поделиться», копируем код и вставляем, в самом конце записи.

Скриншот

Выглядеть это будет вот так.

Снимок экрана (3)

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

Снимок экрана (4)

Если вы хотите, чтобы ваши иконки стояли в середине, то меняем раскладку клавиатуры на английский язык. Перед кодом вставляем слово <center>……………………………….,  а после кода — </center>. Таким образом выравниваем кнопки социальных сетей по центру.

Снимок экрана (6)

Снимок экрана (7)

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

Спасибо Вам, что поделились статьей в социальных сетях!


 

12 комментариев

  1. Здравствуйте Галина! Настолько всё подробно расписано, что невозможно не понять. Теперь у меня на блоге появятся кнопки соцсетей благодаря вашей статьи. Чувствуется энергетика позитива!
    С уважением Михаил.

  2. Здравствуйте, Галина! Благодарю за полезную статью! На моём блоге тоже есть кнопки соц.сетей, но эти мне нравятся больше (они такие компактные). Обязательно поменяю их, сделаю, как Вы советуете. На свой блог я закачивала специальный плагин для установки кнопок (и в этом плагине, похоже какая-то ошибка, что-то напутано, так как кнопки невозможно регулировать).

  3. A limited amount can be found for a quick period, which in turn in fact becomes approved inside of a short span of time It
    is costly to manage a rental apartment as there was so
    much peace of the imagination that comes with being under your individual roof and residential. http://yahoo.net/contrar32/

  4. […] перенести сайтбар влево или вправо. Можно показать социальные иконки и окно «поиск» в шапке сайта, а можно этого не […]

  5. Спасибо вам за эту статью! Я очень долго мучилась , хотела поставить иконки!

  6. Привет Галина.Я очень долго выбирал шаблон для своего молодого блога и когда наконец-то выбрал, оказалось в нем нет иконок соц.сетей, но меня утешала надежда, что в одном из уроков Евгений Вергуса пообещал осветить эту проблему. И вот сегодня я набрел на ваш блог, а тут как раз вы очень подробно описываете данную проблему. Большое Вам спасибо и доброго вам пути на этом поприще.

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

  8. Хороший блог. Но становится как то грустно. Мы все занимаемся у Евгения Вергуса или занимались. Уже, наверное 30 сайт просматриваю и все сайты, шаблоны, коды, шрифты и т.д. А где пирожки, компоты, наряды? Не обращайте внимания, это просто взгрустнулось. У Вас все здорово!
    Удачи!

  9. Большое спасибо за статью.Очень полезная информация.Теперь так же буду применять в своих записях.

  10. Здравствуйте,Галина! Блог у Вас очень интересный и полезный.Есть чему поучиться! Спасибо за полезную и доступную информацию.

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

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