В нижнюю часть сайта или в стили (css) вставить:
Код
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social 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; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style>
Там где хотим видеть иконки вставляем следующий код:
Код
<center>
<div id="social">
<a href="http://feeds.feedburner.com/blogspot/veraborok" rel="nofollow" target="_blank" title="Rss Feed"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-w7yEvb_RlzE/UCS5wcSz9iI/AAAAAAAACWk/nm9nLUSSeM8/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/MbbDy&loc=ru_RU" rel="nofollow" target="_blank" title="Получать свежие статьи на Email"><img alt="Icon" border="0" src="http://1.bp.blogspot.com/-6Db4xlsxpfM/UCd62NNnDFI/AAAAAAAACXM/7juUQLsr7lg/s1600/RSS-EMAIL-48.png" style="margin-right: 1px;" /></a> <a href="https://www.facebook.com/vera.borok" rel="nofollow" target="_blank" title="Facebook"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-8d4lipxhMIE/UCS5so_OTOI/AAAAAAAACWc/ymvnL5lVC0k/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a> <a href="https://twitter.com/#!/Vera_Borok" rel="nofollow" target="_blank" title="Twitter"><img alt="Icon" border="0" src="http://1.bp.blogspot.com/-JuuqzK04p8s/UCS5x16X97I/AAAAAAAACWs/bWjTy0p3ueI/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a> <a href="https://plus.google.com/101319911733376498080/posts" rel="nofollow" target="_blank" title="Google+"><img src="http://1.bp.blogspot.com/-8uwi3xCmZ7U/UCS5oB3GeBI/AAAAAAAACWU/cpTfmKFg-qI/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a> </div> </center>