Социальные закладки на сайт от AddThis

Краткое предисловие

Раннее я уже рассматривал возможности Яндекс блока "Поделиться" (посмотрите карту сайта, меню сверху). Теперь руки дошли и до иного веб-сервиса, который по совей сути является этаким универсальным многофункциональным комбайном-молотилкой.

Пример кода вызова кнопок социальных сетей

Покажем "баттоны" на ВКонтакте, Facebook, блоговый Живой Журнал, твитнуть и для разнообразия поможем посетителям сайта добавить ссылку в Google. Также вручную зададим адреса "расшраиваемых" веб-страничек, укажем в настройках локализации русский язык. Хотя последние два пункта из перечисленного система чаще всего выполняет самостоятельно, я их все же привел в коде ниже для наглядности.

<!-- AddThis кнопки: начало -->
<div class="addthis_toolbox addthis_default_style">
	<a class="addthis_button_vk" title="ВКонтакте" addthis:url="http://druweb.ru"></a>
	<a class="addthis_button_facebook" title="Facebook" addthis:url="http://druweb.ru"></a>
	<a class="addthis_button_livejournal" title="Live Journal" addthis:url="http://druweb.ru"></a>
	<a class="addthis_button_tweer" title="Твитнуть" addthis:url="http://druweb.ru"></a>
	<a class="addthis_button_google" title="Google" addthis:url="http://druweb.ru"></a>
	<a class="addthis_button_more" title="Добавить на..." addthis:url="http://druweb.ru"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub="></script> 
<script type="text/javascript">
var addthis_config = {
    ui_language: "ru" 
} 
</script>
<!-- AddThis кнопки: конец -->

Результатом будет конечно же невалидная разметка, но на подобное сейчас мало кто обращает внимание, главное функционал:

Как ещё могут выглядеть кнопки?

Ну к примеру вот так, ноих вид полностью изменяется благодаря широким возможностям заложенным разрабочиками в API собственной системы.

Социальные закладки на сайт

 





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.