Скопируйте нижеприведённый текст в html темплейт вашего сайта
в то место, где вы хотите выводить социальные кнопки.
Наиболее стандартное место - это по окончании текста материала.
Отрефрешьте страницу своего сайта в любимом браусере
Плюсы
Минимальный размер - 8к
Никаких сторонних элементов. Все картинки заданы в этом скрипте инлайн
Показывается в том числе при выключенных картинках в браусере
Не зависит ни от каких библиотек, ресурсов, шрифтов, стилей
Картинки векторные, выглядят красиво при любых разрешениях
Можно добавлять произвольные соцсети, в том числе и без картинок
Не использует никаких внешних сервисов, кроме, собственно той соцсети,
в которой делится ссылкой посетитель сайта
В отличие от "кнопок от внешних сервисов",
нет показа числа поделившихся/лайкнувших
Настройка
Удалить лишние, на Ваш вкус, кнопки соцсетей - строки
Button по одной на сеть
Параметры W и H в начале
скрипта задают размер иконок.
Как показывает опыт, задавать следует в пикселах. Иначе не во всех
браусерах будет отображаться правильно и даже вообще отображаться.
Параметр U задаёт смещение графики относительно
текста, которое требуется для того, чтобы текстовые и графические
варианты были зрительно "в одну линию". Равно с хорошей точностью
H/10 но может понадобиться поставить другое значение.
Параметр S задаёт однотипное стилевое
преобразование всех иконок. Например, "filter: grayscale(100%);" сделает
иконки чёрно-белыми. В настоящее время в нём заданы отступы
Параметр O задаёт однотипное стилевое
преобразование всех иконок при наведении и при убирании на них курсора.
По умолчанию сейчас задана инверсия
Параметр R задаёт закругление уголков
иконок, причём 0 даёт острые углы, а 256 делает кнопки кружками
Параметр C - имя класса CSS стиля кнопки,
если вы хотите использовать его в .css файлах сайта
Как добавить ещё сети
Вот эта часть относительно сложная, так как любая ошибка в синтаксисе
яваскрипта приведёт к пропаданию кнопок с сайта. Поэтому обязательно
сохраните резервную копию файла share.js перед редактированием.
Выбрать двухбуквенное сокращение для этой сети, которое будет прописано
и в первый параметр вызова Button, и в строку else if
Скопировать одну из уже существующих строк Button в новую строку
Заменить первые два параметра Button на двухбуквенное и краткое название соцсети
Выяснить URL и сделать из него строку else if(a==...) внутри функции Click
Если удалось найти SVG иконку соцсети подходящего дизайна, следует:
Загрузить её в программу InkScape 0.92
Сохранить её из этой программы в формате "Optimized SVG"
Открыть получившийся файл .SVG в текстовом редакторе (notepad, FAR)
Свести все текстовые строки в одну
Скопировать весь текст в буфер
Вставить его в share.js на место третьего параметра вызова функции Button,
внутри апострофов
Отредактировать его начало так чтобы работали параметры O S W H R -
внести определение ширины, высоты в параметры стиля, а R - в параметры rx и ry
элемента rect заполняющего фоновым цветом иконку,
опять же по образцу других строк - в виде '+R+'
Если же не удалось найти или нарисовать иконку в формате svg, можно просто
сделать третий параметр пустой строкой - тогда в качестве кнопки станут
работать две буквы первого параметра, как кнопка "Mk" в текущей версии скрипта
для соцсети "Мой круг".
