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

кнопки социальных сетей для сайтаПриветствую всех, сегодня решил рассказать о том, где получить кнопки социальных сетей для сайта, а так же подробно рассмотреть вопрос «как установить кнопки социальных сетей на сайт». Те, кто дочитает пост до конца, сможет сделать не только кнопки социальных сетей для своего сайта, но и сделать их неповторимыми и уникальными. Думаю это многих должно заинтересовать. Но в то же время кто-то может подумать, что это ужас как сложно! Совсем нет, это очень просто и разобраться с этим сможет даже ребенок. Поверьте мне!

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

  1. Перейти на сайт;
  2. Выбрать кнопки необходимых вам социальных сетей;
  3. Скачать скрипт кнопок социальных сетей;
  4. Закинуть скрипт кнопок социальных сетей на хостинг;
  5. Установить код кнопок туда, где бы вы хотели их вывести;
  6. По желанию придать индивидуальный внешний вид.

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

Где получить код и выбрать необходимые кнопки социальных сетей для сайта

Переходим на сайт, где будем получать кнопки социальных сетей для этого, кликните [aspan]по этой ссылке[/aspan]. После этого нужно выбрать на свое усмотрение размер кнопок и социальные сети, которые, по вашему мнению, необходимо разместить на страницах блога. кнопки социальных сетей для сайтаСледующим шагом нужно выбрать расположение социальных кнопок на сайте, горизонтальное или вертикальное. Делаете все на свой вкус и под свои личные потребности. Я выбрал «горизонтальное расположение социальных кнопок на сайте», так как именно такое расположение подходит для того чтобы разместить эти кнопки в конце каждой статьи. Не забывайте выбрать кодировку вашего сайта, WordPress работает именно с Юникодом, поэтому нужно выбирать UTF-8, думаю это знает каждый блоггер имеющий свой блог на Вордпресс, если вам интересно почитать подробнее об этом, можете поискать информацию здесь. Если вы не хотите, чтобы среди ваших кнопок, присутствовала кнопка на сайт Share42, снимите галочку в соответствующем пункте, расположенном сразу после графы с выбором кодировки. Подробнее, на скриншоте ниже.кнопки социальных сетей для сайта

Читайте так же:  Как установить поиск Google на сайт или блог

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

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

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

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

Скриншот. Код брать отсюда!скрипт кнопок социальных сетей

После того как вы скачаете скрипт кнопок социальных сетей, нужно закинуть его на ваш хостинг в корневую директорию, затем распаковать , потому что, он будет скачан в запакованном ZIP-архиве. После того, как скрипт будет закачан на хостинг, нужно перейти в админку блога, и открыть для редактирования файл single.php, именно он отвечает за вывод записи на Вордпресс. Я вставил код кнопок социальных сетей для сайта после статьи. Думаю так более привычно и удобно для посетителей. Вы можете сами выбирать, куда именно вставить кнопки, в начале или в конце статьи. Вот так я вставил код на своем блогекнопки социальных сетей для сайта

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

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

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

Так же, необходимо загрузить новые изображение, которое вы приготовили для своих кнопок в папку share42, файлу с новыми иконками присвойте имя «icons.png», то есть такое же, как у стандартного файла с изображениями иконок.

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

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

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

Скажите, какие вы используете кнопки социальных сетей? Может быть, кто-то вместо скрипта социальных сетей использует плагины, поделитесь своими решениями социализации блогов и сайтов!