Войти
Регистрация

Иконки соц. сетей на сайт

Иконки соц. сетей на сайт

Здравствуйте, друзья!

В этом уроке я Вам покажу как с помощью одного плагина можно легко добавить иконки соц. сетей к Вам на сайт.

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

Вам необходимо в первую очередь скачать этот архив и распаковать его в корень сайта: скачать архив

В корне сайта у Вас должна оказаться папка share42 и внутри должны находится 2 файла: share42.js и icons.png

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

Внутри тега <head> вставьте эту ссылку подключения файла share42.js, важно чтобы путь к файлу share42.js был правильным:


<script src="share42/share42.js"></script>

И далее в том месте, где хотите вывести значки просто вставьте вот этот блок:


<div class="share42init" data-image="logo.png" data-description="Как создать иконки соцю сетей на сайте"></div>

Также можете указать атрибут data-image и в нем указать путь к картинке или логотипу, который будет выводится в ссылке на Ваш сайт, когда им будут делиться Ваш посетители, либо можете просто удалить этот атрибут. А в атрибуте data-description напишите краткое название ссылки.

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

Спасибо, что читаете мои статьи. Я буду стараться делать их более полезными для Вас.

С уважением, Самвел Погосов

Рекомендую к изучению мой бесплатный видеокурс по HTML и CSS для начинающих с подробными видеоуроками и заданиями: Перейти к видеокурсу

Комментарии к статье

Бесплатный видеокурс

HTML и CSS для начинающих

Практический и бесплатный курс по основам HTML и CSS для начинающих. С этим курсом Вы сможете изучить базовые понятия верстки и стилей CSS. Курс с практическими уроками и заданиями, все видеоуроки последовательны и увлекательны. Я научу Вас всему, чему научился сам.

Получить курс
Опрос

Для чего Вы изучаете HTML и CSS?