Красивые кнопки Соцсетей для сайта

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

Хотите установить красивые кнопки соцсетей для сайта с эффектом кручения?  Тогда:

1)Скопируйте код.

2)Поменяйте ссылки на свои аккаунты

3)Загрузите свои иконки на сервер

4)Пропишите путь до иконок

Вот что у вас получиться. Вы конечно иконки поменьше ставьте, по размеру:


Icon RSS


Icon Facebook


Icon Twitter


Icon Google+


Follow Me on Pinterest
<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> 
<div id="social"> 
 <!--Start Rss Icon--> 
 <a title="Подпишитесь на Rss канал" href="http://feeds.feedburner.com/interzarabotokru" target="_blank"><img border="0" src="http://interzarabotok.ru/images/social/rss.png" style="margin-right:1px;" align="right" alt="Icon RSS"/></a> 
 <!--End Rss Icon--> 
 
 <!--Start Email Rss Icon--> 
 <a rel="nofollow" title="Получите бесплатные обновления по электронной почте" href="http://feedburner.google.com/fb/a/interzarabotokru" target="_blank"><img border="0" src="http://interzarabotok.ru/images/social/mail.png" style="margin-right:1px;" align="right" alt="Icon Email RSS"/></a> 
 <!--End Email Rss Icon-->
 
 <!--Start Facebook Icon--> 
 <a rel="nofollow" title="Facebook Page" href="https://www.facebook.com/bak.bax" target="_blank"><img border="0" src="http://interzarabotok.ru/images/social/facebook.png" style="margin-right:1px;" align="right" alt="Icon Facebook"/></a> 
 <!--End Facebook Icon--> 
 
 <!--Start Twitter Icon--> 
 <a rel="nofollow" title="Follow Our Updates On Twitter" href="https://twitter.com/Bahor1982" target="_blank"><img border="0" src="http://interzarabotok.ru/images/social/twitter.png" style="margin-right:1px;" align="right" alt="Icon Twitter"/></a> 
 <!--End Twitter Icon--> 
 
 <!--Start Google+ Icon--> 
 <a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/u/0/117487825561535739897/posts/p/pub" target="_blank"><img style="margin-right:1px;" src="http://interzarabotok.ru/images/social/google.png" align="right" alt="Icon Google+"/></a> 
 <!--End Google+ Icon--> 
 
 <!--Start Pinterest Icon--> 
 <a title="Follow Our Pins" rel="nofollow" href="http://www.pinterest.com/windroseby/" target="_blank"><img style="margin-right:1px;" src="http://interzarabotok.ru/images/social/google.png" align="right" alt="Follow Me on Pinterest" /></a> 
 <!--End Pinterest Icon--> 
</div>

Можете добавить социалку или убрать ненужные. Вставляйте куда хотите. Можно в виджет установить, можно в шапку или футер, выбор за вами.

Aliexpress INTAliexpress INTAliexpress INT

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *