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

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

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

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

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

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

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

Я на своем блоге использую всего 5 кнопок социальных сетей, не путайте с кнопками «ПОДЕЛИТЬСЯ СТАТЬЕЙ», и думаю что больше и не надо. Кнопку социальной сети «Одноклассники», я специально не использую, потому что считаю, что эта социальная сеть заточена под конкретную аудиторию, т. е. для ваших одноклассников, но если вы все-таки захотите поставить и ее, то сможете сделать это по аналогии с тем, что я вам покажу.

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

Кнопка социальной сети Twitter:

Кнопка социальной сети Вконтакте:

Кнопка социальной сети Facebook:

Кнопка социальной сети Google+:

Кнопка социальной сети Youtube:

Кнопка социальной сети Одноклассники:

Вот и все, НЕ ЗАБУДЬТЕ поменять ссылки на свои! После этого вы можете разместить получившийся скрипт кнопок социальных сетей для сайта, в том месте, где вам необходимо.

Для оформления кнопок вы можете добавить для кода ваших кнопок класс

<div id=»socbooton»> коды кнопок </div>

и добавить в файл стилей вашего сайта (style.css) например следующий код(или свой):

P. S. По просьбам трудящихся, добавил скрипт для «Одноклассников».

Удачи вам и процветания в социальных сетях!

Похожие записи

Рейтинг: 0

Автор публикации

не в сети 5 месяцев

Александр

24

Ничего так в делах не подкупает, как своевременная предоплата. $

Комментарии: 146Публикации: 102Регистрация: 05-02-2016

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

  • Виталий

    Здравствуйте а как быть с кнопкой одноклассников вы ее не предложили??????? вы сможете добавить что б картина была полной?

    Рейтинг: 0
  • Виталий, по вашей просьбе добавил скрипт для Одноклассников.

    Рейтинг: 0
  • Виталий

    Спасибо Александр!

    Рейтинг: 0
  • Виталий

    Огромное спасибо теперь картина полная просто заглядение .

    Рейтинг: 0
  • Роман

    Александр, скажите пожалуйста =) как вы настроили такой потрясающий попап на подписку на рассылки?

    Рейтинг: 0
  • Виталий

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

    Рейтинг: 0
    • Виталий, эти кнопки установлены с помощью сайта share42.com, там все подробно написано, если не получится, могу выполнить эту работу для вас. Оформление я делал сам, с помощью CSS.

      Рейтинг: 0
  • Виталий

    Спасибо Александр за помощь в работе с кнопочками

    Рейтинг: 0
  • Webpsyhopat

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

    Рейтинг: 0
  • Веб психопат, спасибо за совет…. 🙂

    Рейтинг: 0
  • Emin

    Почему так мало кнопок, социалок и закладок полно в интернете. Все равно спасибо.

    Рейтинг: 0
  • Катерина

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

    Рейтинг: 0
  • Катерина, я и не говорил, что я учитель и обучаю здесь делать сайты. Если вы новичок и хотите научиться их создавать, вам лучше пойти на курсы для начинающих или купите курс у Попова про создание блога. У вас на сайте висит его банер. А если хотите что-то внедрить на сайте, лучше обратитесь к профессионалу пока вы новичок.

    Рейтинг: 0
  • Владимр

    У меня блог на wordpress и я поначалу тоже заморачивался с кодами, а потом просто установил плагин и все. Думаю у кого вордпресовские движки, то с плагином намного проще.

    Рейтинг: 0
    • Владимир, если во всех случаях устанавливать плагины, то через какое-то время блог будет тормозить по-страшному. Все это делается для того, чтоб снизить нагрузку на движок wordpress.

      Рейтинг: 0
  • Владимр

    Да, я с этим полностью согласен, поэтому конечно же, особо стараюсь не перебарщивать.
    У меня сейчас стоит всего 4 плагина, в принципе блог работает отлично.
    Думаю если пользоваться в меру, то нечего страшного.

    Рейтинг: 0

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