» »

Скрипт поделиться в социальные сети для uCoz


Скрипт поделиться в социальные сети для uCoz

Описание социальных кнопок:
Представлю вашему вниманию скрипт поделиться в социальные сети для uCoz. В котором находится  две расцветки, это светлые для аналогичного дизайн и прозрачные для темных дизайн. Так же имеет три размера (большие, средние и маленькие), шесть социальных сетей (ВКонтакте, Google+, Facebook, Twitter, Одноклассники и Pinterest), любой текст, картинка, вообще что угодно на кнопках, поддержка ретины. Лайкли больше не требует Джейквери. Иконка Google+ новая.

Установка и использование:
Скачиваем архив с нашего сайта и папку likely загружаете в свой файловый менеджер
Добавьте в элемент <head> на странице:
Код
<script src="/likely/likely.js"></script>  
<link rel="stylesheet" href="/likely/likely.css">


Большие светлые:
Код
<div class="likely likely-big">  
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>  
<div class="facebook">Поделиться</div>  
<div class="gplus">Плюсануть</div>  
<div class="vkontakte">Поделиться</div>  
<div class="odnoklassniki">Класснуть</div>  
<div class="pinterest">Запинить</div>  
</div>


Средние светлые:
Код
<div class="likely">  
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>  
<div class="facebook">Поделиться</div>  
<div class="gplus">Плюсануть</div>  
<div class="vkontakte">Поделиться</div>  
<div class="odnoklassniki">Класснуть</div>  
<div class="pinterest">Запинить</div>  
</div>


Маленькие светлые:
Код
<div class="likely likely-small">  
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>  
<div class="facebook">Поделиться</div>  
<div class="gplus">Плюсануть</div>  
<div class="vkontakte">Поделиться</div>  
<div class="odnoklassniki">Класснуть</div>  
<div class="pinterest">Запинить</div>  
</div>


Большие прозрачные (для темных дизайнов):
Код
<div class="likely likely-small likely-light">  
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>  
<div class="facebook">Поделиться</div>  
<div class="gplus">Плюсануть</div>  
<div class="vkontakte">Поделиться</div>  
<div class="odnoklassniki">Класснуть</div>  
<div class="pinterest">Запинить</div>  
</div>


Средние прозрачные (для темных дизайнов):
Код
<div class="likely likely-light">  
<div class="twitter" data-via="WebMaster_uCoz">Твитнуть</div>  
<div class="facebook">Поделиться</div>  
<div class="gplus">Плюсануть</div>  
<div class="vkontakte">Поделиться</div>  
<div class="odnoklassniki">Класснуть</div>  
<div class="pinterest">Запинить</div>  
</div>


Маленькие прозрачные (для темных дизайнов):
Код
<div class="likely likely-big likely-light">  
<div class="twitter" data-via="Zornet">Твитнуть</div>  
<div class="facebook">Поделиться</div>  
<div class="gplus">Плюсануть</div>  
<div class="vkontakte">Поделиться</div>  
<div class="odnoklassniki">Класснуть</div>  
<div class="pinterest">Запинить</div>  
</div>


Настройка:
Класс маленьких кнопок:
Код
class="likely likely-small"


Класс средних кнопок:
Код
class="likely likely-light"


Класс больших кнопок:
Код
class="likely likely-big"


Параметры у основного элемента:
Название страницы, которое должно попасть в соц.сети. По умолчанию — title страницы.
Код
data-title="Лайкли: социокнопки, которые не стыдно поставить"


У элемента Твиттера:
Код
data-via="Zornet"

Какой аккаунт упомянуть в твите. Поменяйте на свой :-)

У элемента Пинтереса дописываете код:
Код
data-media="i/pinnable.jpg"

Картинка, которая должна попасть в Пинтерес.

Для того, чтобы в Фейсбук попадала конкретная, а не случайная картинка, используйте такой тег внутри элемента <head> :
Код
<meta property="og:image" content="path/to/image" />
17.05.2016 Загрузок: 5 Просмотров: 472 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
ucozmental
ucozmental 17.05.2016 15:161
0
Много так есть и если поискать, но тут интересней, плюсануть - запинить, круто, что сказать.
feliksteg
feliksteg 18.05.2016 06:012
0
Сейчас много всяких сайтов, которые предлагают оциальные закладки. Но больше нравится от Яндекс не по дизайн, а просто они не так глючат как остальные.
avatar