Как сделать родные социальные кнопки цветными

В конце каждой статьи вы можете использовать социальные кнопки, которые предоставляет Blogger. Чтобы их установить, нужно зайти в Дизайн->Сообщения блога и поставить галочку на Показывать кнопки для публикации. Blogger предоставил кнопки в серых тонах. Однако их можно сделать цветными. И сейчас вы узнаете как.

Для того чтобы сделать кнопки цветными, нужно зайти в Шаблон->Изменить Html и найти строку ]]></b:skin>. Перед ней нужно вставить вот этот код:

.sb-email {background-position: 0 -40px !important;}

.sb-blog {background-position: -20px -40px !important;}

.sb-twitter {background-position: -40px -40px !important;}

.sb-facebook {background-position: -60px -40px !important;}

.sb-buzz {background-position: -80px -40px !important;}

a.share-button{

  -moz-box-shadow: 0 0 1px #FFF inset;

  -webkit-box-shadow: 0 0 1px #FFF inset;

  box-shadow: 0 0 1px #FFF inset;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

}

a.share-button:hover {

  -moz-box-shadow: 0 0 4px #FFF inset;

  -webkit-box-shadow: 0 0 4px #FFF inset;

  box-shadow: 0 0 4px #FFF inset;

}

Просматриваем блог. Если кнопки стали цветными, то сохраняем.

Всё! Теперь на вашем блоге установлены цветные социальные кнопки.