Трикод

Блог программиста {три::код}

Кнопки социальных сетей. Yandex лоshare

Yandex share кнопки социальных сетей

В данной статье мы рассмотрим как добавить кнопки социальных сетей на свой сайт и изменить их стиль. Мы будем использовать инструмент Яндекса блок "поделиться"

Заходим на сайт Яндекс share , отмечаем нужные кнопки социальных сетей, полученный код копируем в нужное место на сайте.

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

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

 
<div class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="none" data-yasharequickservices="vkontakte,facebook,twitter,odnoklassniki,moimir"></div>
Это стандартный код, выдаваемый конструктором. Добавим к нему атрибут data-yashareTheme="counter". Код HTML, будет выглядеть так:
 
<div data-yasharetheme="counter" class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="none" data-yasharequickservices="vkontakte,facebook,twitter,odnoklassniki,moimir"></div>

Для шаблона "counter" доступны кнопки: Facebook, Google+, Мой Мир, Одноклассники, Twitter, Вконтакте. Для сайтов с черным фоном, есть шаблон "dark", для него доступны кнопки: Facebook, Одноклассники, Twitter, Вконтакте, Live Journal.

Вы можете изменить язык текста изменив свойство атрибута data-yashareL10n="ru". Все подробности в документации

Поля со * обязательны.