Наткнулся на интересный сервис для размещение кнопок для добавления закладок в социальные сети Share42.com
Принцип работы сервиса - выбираем кнопки нужных социальных сетей и загружаем архив скрипта для установки на сайт.
Добавляем в index.php шаблона код:
<div class="share42init" data-top1="150" data-top2="20" data-margin="0"></div> <script type="text/javascript" src="<?php echo JURI::base(); ?>share42/share42.js"></script>
Домен сайта вставляем с помощью API Joomla
Можно еще изменить параметр data-margin, задать для него значение -70 Если сайт фиксированной ширины, например, 1000px, то для того чтобы панель кнопок соц. сетей отображалась справа сайта, нужно data-margin задать 1070 плюс минус по вкусу.
И еще в css файл шаблона добавляем настройку внешнего вида панели с кнопками соц. сетей.
Копируем css код с сервиса:
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
Если мы выбрали в настройках скрипта показывать счетчик публикаций, то нужно еще скопировать css код для счетчика:
#share42 a {position:relative;}
#share42 a span {display: none; position: absolute; z-index: 10; top: 0; left: 100%; height: 19px; margin-left: 5px; padding: 0 5px; background: #FFF; border-radius: 4px; border: 1px solid #AAA; box-shadow: 0 0 5px rgba(0,0,0,0.25); text-align: center; color: #666; font: 12px/20px Arial, sans-serif;}
#share42 a:hover span {display: block}
#share42 a span:before {content: ''; position: absolute; top: 50%; left: -5px; margin-top: -3px; width: 5px; height: 7px;}
Для работы данного скрипта для публикации в соц. сетях нужно подключить JQuery и установить бесконфликтный режим, так как с Joomla идет другой js фрэймворк - mootools.