Döner Sosyal Butonlar Eklentisi

Saat: 13:19 Gönderen: Unknown 0 yorum

Blogger blogunuz için , Döner Sosyal Butonlar Eklentisi ile , ziyaretçiniz fare ile ikonların üzerine geldiğinde , ikonumuz dönme efekti gösterir..

DEMO

Altta yer alan kodlarımızı , Yerleşim >> Gadget Ekle >> HTML/JavaScript yardımı ile ekleyiniz..

<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 href="http://draft.blogger.com/YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wAFzcyq-0DmiX6ZHh4D9ey3EMLhKZ6q2xB2ozJU1K9f2CQMDcSm4EzeDXfu_A8-GaiUvHMloj5T_5J6W1qbh0KseCrXpnrAQMxd2UkImmIvA-dHXewLIIOly7gchcyYAABh4MCaFv_Yt/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Rss Icon-->
 <!--Start Email Rss Icon-->
 <a href="http://draft.blogger.com/YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFnpap5Gib_Dsnf4QPrd697y4dPOb_NoR6rLnwaFERBZeq-PkqjzXXGg-qZAQuhAyJWRUb_ddn_QcfSC6XRKudRSw8jYOrvvpsnBM20vlvOb-h3C3ycdW9RsIsxqCnUatenDw860we_hug/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Email Rss Icon-->
 <!--Start Facebook Icon-->
 <a href="http://draft.blogger.com/YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG0O7nH3yzNM2qR3i0bhyphenhyphenmGZAiZhNAw1iT_0K8ufSjs4RbZiZJn7lZquuCOwohgIax4l03I6A8HkEHQjvwshObloJSyolrut8oE-fM28fcLGPPJufUx7KR6p1XVWHql9XGiHLdFY8OqbZ7/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Facebook Icon-->
 <!--Start Twitter Icon-->
 <a href="http://draft.blogger.com/YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPArSAvSuxOeu4kJjnOlnQ_AuEZOLfhYqUaKukdfYx50M3jBaO6T0VwiWKPn5xYibhPt4hK7KN7nk58IW-9ZVhDtBL1GahNCgxhmjDwVKjse9UyMlZ9TEaziNKblA_XibMK44EuhVZzWpd/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Twitter Icon-->
 <!--Start Google+ Icon-->
 <a href="http://draft.blogger.com/YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDyG8vBl8eTAyDeOhf2inQRC3SJ1QO4TNuPOLVq2yvzZhYwKr0-IuToxIEceGKaDMzSzEJU6pzO1dDZ8nz-wVj9jpkXrCg4FWID1vyuLbzCwlm2g2rX-8XT-ll1IHXUqg9bRYkeBa26kSj/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Google+ Icon-->
 <!--Start Pinterest Icon-->
 <a href="http://draft.blogger.com/YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL8gygOwXj0IZPEcwIxjp7xoD_JmgXNZtKUYer-RX1s6D21lhSAEzysidikf6A0Ex1W9q4onPru8hjbZcq2NFirVgK2zaw6LECalX0LrJAa7UG8yKJ_aliz-BDJ6pVZni0TLO5B9BJzc1i/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>
 <!--End Pinterest Icon-->
 </div>
</center>