Воспользуйтесь бесплатным плагином для
Кнопки “Поделиться“
перетащите сюда иконки или кликните на них
цвет фона окна предпросмотра
Набор кнопок «Поделиться» для сайта позволит посетителям Вашего сайта удобно делиться материалами в своих социальных сетях и привлекать дополнительный трафик. Инструкции по установке кнопок на сайт читайте в разделе «Инструкции».
Выбор кнопок
Кликните на иконки или перетащите их в окно предпросмотра
Одноклассники
LiveJournal
Эффект при наведении premium
Расположение
- сверху
- снизу
- слева
- справа
- статичное
добавить подложку
Ориентация
- горизонтальная
- вертикальная
Состояние бара
- свернутое
- развернутое
Размер
Счетчик
отдельные счетчики для каждой иконки
С эффектом при наведении «Объём» или «Поворот» нельзя выбрать положение счетчиков.
Как поделиться в одноклассниках своим профилем в Лайке?
общий счетчик
Кнопка вверх
добавить кнопку «вверх»
Настройки мобильного вида
не использовать мобильный вид
Расположение
Не делиться текущей страницей
подставлять собственный url «поделиться» premium
Текст репоста ?
Добавить свой текст репоста premium
Привлечение внимания к кнопкам
активировать eye-catcher premium
Дополнительные настройки набора
uSocial — это удобный конструктор кнопок «Поделиться» и «Мне нравится» для вашего сайта. Бесплатный сервис, современный вид, самые популярные социальные сети, мобильность, масса тонкостей и настроек, чистый код и аналитика!
Источник: usocial.pro
Кнопка одноклассники поделиться на сайт
Привет ! Сегодня вы узнаете как можно очень просто и быстро добавить на свой сайт кнопку от соцсети одноклассники. С помощью данной кнопки можно делаться в одноклассниках понравившимся контентом на сайте. Вы сможете выбрать стиль кнопки, размер, форму, текст, добавить счётчик. Кнопка добавляется на сайт с помощью кода. Кнопку одноклассники очень легко сделать !
Пример кнопок:
Как сделать кнопку одноклассники для сайта ?
Зайдите на сайт одноклассники для разработчиков (https://apiok.ru). На главной странице нажмите на вкладку — ОК для сайтов .
Далее, на следующей странице нажмите на вкладку — Кнопка «Класс» .
Далее, у вас откроется страница создания кнопки. Здесь вы можете настроить и создать кнопку одноклассники.
Как поделиться ссылкой к посту в одноклассниках
— Ссылка, укажите здесь URL адрес вашего сайта.
— Внешний вид, здесь вы можете выбрать размер кнопки, форму, добавить счётчик и выбрать текст кнопки.
— Дополнительные данные, не обязательно заполнять. Можно загрузить своё изображение для кнопки.
Далее, вы сможете наблюдать как кнопка будет отображаться на вашем сайте. Скопируйте код кнопки.
Далее, код кнопки вам нужно вставить на сайт, на страницу где будет отображаться кнопка.
Всё готово ! На вашем сайте будет отображаться кнопка «Класс» от соцсети одноклассники !
Источник: wdfiles.ru
Кнопки социальных сетей без плагинов
Доброго времени суток, уважаемые читатели. Сегодня тема статьи: «Кнопки социальных сетей без плагинов». Есть много сторонних модулей и плагинов, которые позволяют встроить в сайт кнопки «поделиться». Но все они работают либо со сторонних ресурсов, либо так или иначе нагружают Ваш сайт.
Что из себя представляет кнопка «поделиться» любой социальной сети?
Кнопка «поделится» — это ссылка, сформированная определённым образом. В ссылку входит специальный удалённый адрес социальной сети, и адрес Вашей страницы, возможно с названием. Просмотреть данную ссылку, можно, наведя на кнопку курсор мышки.
- Чтобы использовать кнопку, Вам достаточно сформировать необходимым образом, ссылку в коде Вашего сайта.
Вот код ссылок на 7 социальных сетей, сформированный для WordPress:
«> «> «> : » title=»Добавить в Twitter»>
- Ссылки обрамлены тегами и , чтобы не было их индексации.
- В теги заключена картинка.
- Размер картинки установлен в 45 пикселей.
- При использовании стилей, можно отформатировать блок для собственных нужд.
Если нужны кнопки на другие социальные сети, то можно зайти на сайт необходимой сети, и в инструментах для разработчиков найти нужную функцию.
Если необходимая кнопка есть на каком-нибудь сайте, можно навести курсор на кнопку, скопировать ссылку, и сформировать её под свой сайт.
Сегодня мы рассмотрели тему: «Создание кнопок социальных сетей без плагинов». Научились встраивать кнопки социальных сетей, без дополнительных расширений. Смотрите так же
Источник: aeb-blog.ru