Красивые кнопки «лайков» в едином стиле для популярных социальных сетей: Facebook, Twitter, Вконтакте, Одноклассники, Мой мир, Google+ и LiveJournal. Рядом с кнопками отображается количество «лайков» (кроме Google+ и LiveJournal).
<link href="social-likes.css" rel="stylesheet">
<script src="//yandex.st/jquery/1.7.1/jquery.min.js"></script>
<script src="social-likes.js"></script>
<ul class="social-likes">
<li class="facebook"><a href="#" title="Опубликовать ссылку на Фейсбуке">Facebook</a></li>
<li class="twitter"><a href="#" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</a></li>
<li class="mailru"><a href="#" title="Опубликовать ссылку в Моём Мире">Мой мир</a></li>
<li class="vkontakte"><a href="#" title="Опубликовать ссылку во Вконтакте">Вконтакте</a></li>
<li class="odnoklassniki"><a href="#" title="Опубликовать ссылку в Одноклассниках">Одноклассники</a></li>
<li class="plusone"><a href="#" title="Плюсануть в Гугле">+1</a></li>
<li class="livejournal"><form action="http://www.livejournal.com/update.bml" method="post" target="_blank">
<input type="hidden" name="mode" value="full">
<input type="hidden" name="subject" value="Social Likes">
<input type="hidden" name="event" value="<a href=https://github.com/sapegin/social-likes>Красивые кнопки «лайков» социальных сетей</a>">
<input type="submit" value="LiveJournal" title="Опубликовать ссылку в ЖЖ">
</form></li>
<li class="code"><a href="#" title="Получить код для публикации ссылки в другом сервисе">Код</a></li>
</ul>Вы можете убрать любые ненужные вам кнопки или поменять текст кнопок.
По умолчанию «лайкается» текущая страница. Можно указать свой адрес (а также разместить на одной странице несколько групп кнопок).
<ul class="social-likes" data-url="http://sapegin.github.com/">
…Вы можете скачать архив в формате zip или tar.
Вы также можете клонировать Git-репозиторий проекта:
$ git clone git://github.com/sapegin/social-likes