Добавление социальных кнопок!

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


Наши действия:


1.Зайдем в панель управления блогом
2.Перейдем на вкладку "Дизайн".
3.Жмем "Изменить-HTML".
4.Ставим галочку на "Расширить шаблон виджета".
5.С помощью клавиши F3 находим вот такой код . После него и нужно вставлять код кнопок.
6.Копируем код:

Который можно скачать сдесь Код

То, что выделено красным, нужно заменить на ваш ник в твиттере.

7. Переходим в "Дизайнер шаблонов"

8. Ищем вкладку "Дополнительно" и жмем на нее

9. Жмем "Добавить CSS"

10. Нам нужно, чтобы кнопки стали прозрачными.
Для этого вставляем в CSS код:

.sharebuttons{
font-size: 13px; /* размер шрифта */
font-weight: bold; /* стиль текста: жирный */
padding:5px; /* отступ от границ */
border: none; /* толщина и цвет рамки */
background: #FFFFFF; /* фоновый цвет */
}

.sharebuttons a img{
border: none;
opacity:0.3; /* непрозрачность: 30% */
}

.sharebuttons a:hover img{
border: none;
opacity:1.0; /* непрозрачность: 100% */
}

11. Теперь, просто жмем "Применить к блогу".

Все готово,пример этих кнопок можно увидеть у меня перед комментариями. Если вы хотите узнать о том как сделать кнопки, которые находятся у меня в начале страницы, то пишите в комментариях.
Не забывайте нажимать на кнопки.
Спасибо за внимание)