Sign in

Зарегистрируйтесь, чтобы стать полноправным участником сообщества Masterpro.ws.

SocialCount. jQuery-плагин кнопок соц. сетей

SocialCount – небольшой jQuery-плагин, предлагающий элегантное решение для реализации на сайте виджета кнопок популярных соц. сетей.

 

 

Features SocialCount:

  • Поддержка Facebook, Twitter и Google+
  • Возможность отключить автоматическую загрузку виджетов (загрузка происходит только при наведении курсора на виджет), что ускорит загрузку страниц вашего сайта.
  • Плагин реализует всего 1 js-запрос, 1 css-запрос, 1 опциональный запрос для иконок и 1 опциональный AJAX-запрос для подсчета публикаций. Сравните с 25 запросами от виджетов Facebook, Twitter и Google Plus...

SocialCount работает при помощи мыши, сенсорного экрана или клавиатуры, и предлагается в нескольких, отличающихся по размеру, версиях.

 

Установка замечательно несложна; загружаем архив и распаковываем каталог с плагином в публичную директорию своего сайта - куда хотите. Только не забудьте - куда именно, вам придется прописывать пути к js и стилям примерно так, как в приведенном примере. Если предположить, что ваш сайт работает на Joomla - оптимально создать новый mod_custom (HTML-модуль), содержащий следующий код:

 

<link rel="stylesheet" href="/socialcount/socialcount.css">
<link rel="stylesheet" href="/socialcount/socialcount-with-icons.css">
<!-- scripts would be better placed below near the </body> -->
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="/socialcount/socialcount.js"></script>
<style>{
font: 100% Helvetica, sans-serif;
}
</style> <ul class="socialcount socialcount-large" data-url="http://www.masterpro.ws/" data-counts="true" data-share-text="Masterpro.ws. Joomla & Linux forever.">
<li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u=http://www.masterpro.ws/" title="Share on Facebook"><span class="social-icon icon-facebook"></span><span class="count">Like</span></a></li>
<li class="twitter"><a href="https://twitter.com/intent/tweet?text=http://www.masterpro.ws/" title="Share on Twitter"><span class="social-icon icon-twitter"></span><span class="count">Tweet</span></a></li>
<li class="googleplus"><a href="https://plus.google.com/share?url=http://www.masterpro.ws/" title="Share on Google Plus"><span class="social-icon icon-googleplus"></span><span class="count">+1</span></a></li>

 

Но перед этим загляните на страничку демки jQuery-плагина SocialCount, и выберите понравившиеся кнопки для своего сайта. Соответственно измените вторую часть кода, после </style> (в опубликованном примере использованы большие кнопки).

Удачи!

Оставить комментарий

Добавьте ваш комментарий