суббота, 17 декабря 2016 г.

Кнопки от социальных сетей для блога на Blogspot.


Самый простой: изменить настройки сообщения блога.

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;
}