Döner Sosyal Butonlar Eklentisi

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..

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/AVvXsEhJCQg-zvmemAeMhcrsZ3CIIDKyYi1GRYBXnXhshqtYA5Kf6ntEnSeqqCYY16c_IKC2mtYw-SVAGuAhbStTZLZUZ5ssuvWW-a31NZ1750-5hXrxAHoVE2YC6ErC2ZXPfHJKMwd-qGZw3sa0/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/AVvXsEgMMpq3W92w1b5RYwVlQus8-inBcP05_hNElEZFiwb-JhKhUBGVUUc8bxM4okCFYSYtJZEpw554MJO3NUu57GnS8JzsJqNqtiXk1z0J9SYSwVOWe0e0iWR8lbS3vC54znUTbiIKsrrL0tn5/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/AVvXsEgCz7cSsTA_wMbxh4JF2gUduvhZ-3q6ap3leCw5VRApMQDYQgrPuEX43gZPalpigbxOxjaTG4X3IXMlgp-lZrHtM2IIzVPmzkeKQJUDYTbgfpiVniRS531GJLzzKllb1b3iMTXVO4lbRCEy/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/AVvXsEjuj_K1edxDRn1oxr8-zaO1diGrlTn_BiXPu-PD5wm5x9Sbhs7bVp0shXXP8YyC11EWxy3cHsV00TmTJAXF_j-Nh2LMM_ffp0a-9UBms2ZHNwYb6wUj9aiWIk9BEdV64DFIa1z-RO4MwUJW/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/AVvXsEipXU2QkCOWVDFC65wuh70lu7Hy60ln9m1uS-IQ3r4z0cB1ioaGjF-8bmwGMZhejDYdH6_0aNHH-wX3OZIuT79dtOhVoHkxL0auoXvzwbRBS_vIe0Ic5gr1viVGBgD0IlVuxgx-6gzyBA2J/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/AVvXsEjbI8EkTQnmRqgS6rTxxIUf6RV3p_SHHtNISF1UZUElvQ-pOBkwuLmJ7vefJqaPAjI5_-3fIBGQinf5nLPOi8k5pwvrcbPHc8OD2ELzgxnCNeJQle2Iu_QL3sB4kzCZfOyiTDU60Uhpm0Zt/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>
 <!--End Pinterest Icon-->
 </div>
</center>