Search
Точное соответствие
Поиск в заголовке
Поиск в статье
Search in comments
Search in excerpt
Filter by Custom Post Type
Записи
Страницы
Letyshops
Домой - Статьи - Joomla уроки - Создание модуля социальных закладок Addthis

Создание модуля социальных закладок Addthis

В данном уроке мы рассмотрим создание модуля социальных закладок от сервиса Addthis в Joomla.

Итак, что же это за сервис?

C помощью данного сайта вы сможете настроить под себя каким образом будут выглядеть социальные закладки на вашем сайте. Интегрировать код не так уж и сложно, как кажется на первый взгляд.

Создаем модуль в системе Joomla, который будет обрабатывать код - это может быть модуль HTML или PHP.

Вставляем в него следующий код:

 <p style="text-align: center;"> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> <!-- AddThis Button BEGIN --> <p class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_vk"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_google_plusone_share"></a> <a class="addthis_button_odnoklassniki_ru"></a> <a class="addthis_button_vkrugudruzei"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_moikrug"></a> <a class="addthis_button_mymailru"></a> <a class="addthis_button_livejournal"></a> <a class="addthis_button_linkedin"></a> <a class="addthis_button_blogger"></a> <a class="addthis_button_surfingbird"></a> <a class="addthis_button_stumbleupon"></a> <a class="addthis_button_delicious"></a> <a class="addthis_button_friendfeed"></a> <a class="addthis_button_bobrdobr"></a> <a class="addthis_button_digg"></a> <a class="addthis_button_google"></a> <a class="addthis_button_100zakladok"></a> <a class="addthis_button_zakladoknet"></a> <a class="addthis_button_memori"></a> <a class="addthis_button_smiru"></a> <a class="addthis_button_w3validator"></a> </p> <!-- AddThis Button END --> </p>

Разберем код по частям для более детального осмотра.

  <p style="text-align: center;"> </p>

Данный вид разметки означает, что стиль оформления текста будет находиться в центре документа.

  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>

Этот код подгружает скрипт обработки виджета с сайта addthis.com.

 [p class="addthis_toolbox addthis_default_style addthis_32x32_style"] </p>

В классе p прописывается стиль отображения социальных закладок (32 на 32 пикселя). И, наконец, последние строчки кода указывают на те социальные сервисы, которые вам нужны для визуального оформления сайта. Пример использования можно посмотреть в статьях в самом низу в графе "поделиться".