Иногда нам нужно собрать все социальные кнопки и выставить их горизонтально, чтоб красиво смотрелось. И здесь поможет скрипт, который поставит их и будет еще разъем между ими. Это может быть на главной странице, но основном так делают. Просто некоторые не берут кнопки с онлайн сервис, а ставят оригинальные, которые предлагает каждый социальный ресурс.
1) Скачайте архив и папки css, img, js со всем содержимым залейте в корень сайта.
2. Укажите в основных настройках значение тега DOCTYPE так:
Потом нужно поместить как скрипт и стили в head:
Код
<link rel="stylesheet" href="/css/social-likes.css" type="text/css">
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/social-likes.js"></script>
Теперь остается поставить кнопки, если у вас их больше, то просто копируем полностью li class и добавляем в скрипт.
Код
<ul class="social-likes">
<li class="vkontakte" title="Поделиться ссылкой во В контакте">Поделиться</li>
<li class="facebook" title="Поделиться ссылкой на Фейсбуке">Нравится</li>
<li class="twitter" title="Поделиться ссылкой в Твиттере">Твитнуть</li>
<li class="odnoklassniki" title="Поделиться ссылкой в Одноклассниках">Класс!</li>
<li class="mailru" title="Поделиться ссылкой в Моём мире">Нравится</li>
<li class="plusone" title="Поделиться ссылкой в Google+">Google+</li>
<li class="livejournal" title="Поделиться ссылкой в LiveJournal">LiveJournal</li>
<li class="pinterest" title="Поделиться ссылкой в Pinterest">Pinterest</li>
</ul>
PS -также в архиве будет продублирована установка.
Скачать
