3D Вращающиеся кнопки

Здравствуйте друзья, расскажу я вам сегодня о 3Д социальных кнопках и о том как их установить.Эти кнопки можно расположить в любом месте вашего блога, код просто надо вставить в виджет HTML JavaScript. Кнопки сами по себе очень красивые и с эфектом вращения на 360 градусов:                                    

    

Сами по себе кнопки имеют как вы видите 6 значков, первый это подписка на  RSS вашего блога. Второй подписка по электронной почте на новости вашего веб ресурса, третья кнопка фэйсбук, четвертая твиттер,  пятая гугл+, и шестая пинтерест.При нажатии на которые ваших пользователей будет перекидывать на соответствующий ресурс,или страницу.

                                                    А вот собствеенно код установки:

<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"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="http://zarnakoom.blogspot.com/feeds/posts/default/-/feed

" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1OJN-ypHeRHTpEaPYWvUTPbxRH7TU-Ll1xfu2K2TM-ma0c87AutB24MC_YK9qr6h4kF2pUo2lwSQy9KywoEa51HqZu5N0aIOPw4H5WSCtOb0ntP0BVclIXiQDGNkf8fqIcJO1nhNhMu_3/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=zarnakoom&amp;loc=ru_RU" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrCmJ8aM_FW2JuUHTSSS4tYXbED6707l0Abp4iuR4XPzXksOwiGdBwQw57aFR-xZXveA7vOgsfeI7zJvk_i6VLHvSiMwh_IPeGj1ovnMB0HELZ8OqFeR7z2ePAY7TMrvMH7P82LI_tn8m_/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page"
href="http://http://facebook.com/zarnakoom" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje3tVChrHkV_3pga6U44WFvwUsSqKpGpwR7AtDBggeKC3bh73bx-IMV3rPJ65K7dH5twH6OJBAly3QG6biYZu9nBKJ4qTRcOu6_i4LUmVjIia2FfMQ2CmR_HEDmEy1N_miWM6mIS70dZpc/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="https://twitter.com//zarnakoom" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8NRL2Twiy5JJ7sZyH-hBU2FlbYaNswtIOX41VdIQ8ctHircFaaksP69B_zvc5c16SePhnpJbzuvuygGjo-V13jmuUbuwGNHQiM_OBFaZKNRH49pI6H2gPuFIVej_FM_9FW-FI1hxsJgVN/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/114835836186367171329/posts" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcg0RL2V-gf3HkGvG9sEGxd9c7xM4VvCnSAMGomJp_jZIGMOLcrtmXQcOEaq5FHyjYag4FJf4-3ACew4faXSfC2xAq43dbDxrg9R5jAN_gS5aXscWl4HXqaXvMeAWVh41RGBStPOW_M3fp/s1600/GOOGLE-PLUS-48x48.png"/> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/zarnakoom/" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv8l7QCuC7pQ2PdVNu81IIMooeDL8RTAhPsaVs_SLMAE_1R47iHsTsA9xigyFsjhj0304Osz6eIfiM9XsZojqeVG1eygb7wws2Qs5sN3N85wZyEM-XeVaV9FA1s_mrnTX57g9YB-eGSD9T/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </a></div><br/> <!--Start Feed Count Button--> <a href="http://feeds.feedburner.com/zarnakoom"
target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /><!--End Feed Count Button--> </a></center>

Вставляете этот код, а то что отмечено зеленым заменяете  на  свои  названия.