Архив Галактики

Кнопки социальных сетей для Blogger. Часть 3.1. AddThis

Находки для начинающих Blogger(ов). / 14.07.2011

Существует много способов поделиться с друзьями интересным постом или блогом. Один из вариантов - AddThis. Сервис предлагает широкий выбор социальных кнопок, поэтому можно надеяться, что каждый читатель Вашего блога найдёт то, что ему необходимо. Я установил гаджет в верхней части своего блога на самом видном месте. Выглядит это так:

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

Рассмотрим эти два способа. При этом сразу оговоримся, что возможности AddThis гораздо шире. Зная языки программирования, можно сконструировать оригинальную кнопку, подправив код кнопки, выдаваемый сервисом.

Способ 1. Как поставить социальную кнопку, чтобы поделиться ссылкой на блог в целом.

1. Заходите на сайт, регистрируетесь.

2. Нажимаете GetAddThis, выбираете Website=> вид кнопки => crab it (копируете код).

3. Вставляете скопированный код в гаджет Blogger <html/javaScript> и получаете желаемый результат.

Ещё раз оговорюсь, что в этом случае Вы получите закладку на блог в целом.

При желании или при необходимости (если кнопки не помещаются в один ряд или, наоборот, нужно добавить) можно изменить количество кнопок и, более того, можно сделать так, чтобы отображались кнопки тех социальных сетей, которые Вам необходимы (как правило, нам интересны русскоязычные социальные сети Odnoklassniki, vkontakte, mail.ru и т.п.).
Для этого необходимо в коде preferred_1, preferred_2, preferred_3 ... заменить на код социальной нужной сети, который можно взять с сайта AddThis (тут).

В итоге вместо этого:
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
Мы получим это:
<a class="addthis_button_vk"></a>
<a class="addthis_button_odnoklassniki_ru"></a>
<a class="addthis_button_facebook"></a>
А чтобы добавить или уменьшить количество отображаемых кнопок, необходимо довавить или убавить в код строчек типа: <a class="addthis_button_preferred_1"></a> (с нужной социальной сетью).
В итоге Вы можете получить вот такую кнопищу

Способ 2. Как поставить социальню кнопку, чтобы поделиться ссылкой на конкретный пост блога.

Что-то длинновато получается, о втором способе расскажу в следующем посте (картинки не помещаются