Виджет Добавляйтесь в социальных сетях для blogger

Нежданно- негаданно появился этот сотый пост. Первая круглая цифра. Много или мало не знаю у каждого своя мерка. Я довольна!

Не буду писать, чего я достигал за это время, на это будет отдельный пост: Отчет за полгода. В сотом посте хотелось написать, что то этакое, удивить, порадовать. Но к сожалению ни чего стающего не нашла кроме как виджета Добавляйтесь в социальных сетях. Поделюсь  с вами.  При наведении на него курсора он начинает крутиться.

Так выглядят социалочки

Сам код

 <style>
p#socialicons img {    -moz-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}
p#socialicons img:hover {    -moz-transform: rotate(70deg);    -webkit-transform: rotate(70deg);    -o-transform: rotate(70deg);    -ms-transform: rotate(70deg);    transform: rotate(70deg);}
p#socialicons1 img {    -moz-transition: all 0.8s ease-in-out;    -webkit-transition: all 0.8s ease-in-out;    -o-transition: all 0.8s ease-in-out;    -ms-transition: all 0.8s ease-in-out;    transition: all 0.8s ease-in-out;}
p#socialicons1 img:hover {    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    -ms-transform: rotate(360deg);    transform: rotate(360deg);}
p#socialicons2 img {    -moz-transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;}
p#socialicons2 img:hover {    -moz-transform: rotate(-360deg);    -webkit-transform: rotate(-360deg);    -o-transform: rotate(-360deg);    -ms-transform: rotate(-360deg);    transform: rotate(-360deg);}</style>
<center><p id="socialicons">  
<a href="http://www.facebook.com/bloggertrix" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkbyUmW02YWwhk_bOFURosFCYAOCaPiuahUVlBBht-G-FCycy1UCpiMfgBiRNtZbWRQtygYrp4LBHs4V7F_BeI8Xw8T-g9bIdqUP_y-6uYJUGqAqem1bpxPpWJ8jTNHU7Kxrp0DlqyU6Xy/s1600/bloggertrix-facebook.png" /></a>  
<a href="http://www.twitter.com/bloggertrix" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitBhq1ww9oOHE7PiqPiuSlunr67fLAPf5c39UBl8flpm25SflTcuBVWIKT86KN4Uy9Fet_9QbMhkl9GQgYOtCPd2ODMOcHFxGFULRw0D049C6dfpbmeeOpcQUVByuSlO2mVkWuBqW71GHm/s1600/bloggertrix-twitter.png" /></a><a href="http://feeds.feedburner.com/bloggertrix/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjg_GSVwxmAY-tUxVrJ1T9RueOh0QJvsu7Zxn9iiQf0_SeGgZ-0xEnjjm-LlwLdLaC9vMWd03SZJ7tdbqHxKAS-_jdls5ApbA9-cZeoRXhc4234-4R_QwNEH3hmSlqy7nlf0jZd_EqqQrU/s1600/bloggertrix-rss.png" /></a></p></center>

bloggertrix - замените на свой адрес в социальынх сетях

Сам код вставляем Html/JavaSkript

Вот такой получился короткий сотый пос. До новых постов!

Пожалуйста не забывайте нажать