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

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/AVvXsEh7VP4W_Gs9_FsWiKyMeQdRSjXRAcw4g9IClam1M07Egw91DmUDv1yhb1MZGyD-kksIJZ6S83JJKVklsEJtbQRNfhaQRLCizP-Z0wQsqA90BLrJ-8JTRa33sVo5YiU7LHgTUx5TOs1FL6aS/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/AVvXsEiSrOViLVG70_FavzLO9QNXwOxL5sxgpjVfsD4RMRwD_Ymg1wlgdhlSdGAszslhDdolIMvPiMeIHvKdpuI-4be0ecRd2lQsRTzbLEcXmq6hJmujxGINFG_Qs_uoifLF33YLELsPLEsqgBbb/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/AVvXsEj3r28XdVCh8xd-jFZTApUYhQ8d2VPy-df9zXxRio22oSwPfw01ACwjwqoe9Rc7JosiBdaaH_eAOK6nYnz71cv46Zqxlf7RXu0KZ2hR5VMI2pKC6FKLvO2TOapbFW4txBOQ5qxgDSNWb4jj/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/AVvXsEhzytWDCq5mTED5dxqEA1SGbrk0ea6SQcfS5ZFZb2Z4UElGcjRqAzX65gy26ksvUrdkm9wfcNOt1-JDamXMkcp112Qdbl-wC8-EQ9iEIfsdKynJ2KbTx2CO0I_ilHyvn8VmBKLyBL2rLjxJ/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/AVvXsEipTlaerSQtnviFFCa3fHVYYLoS2m_yQH1mqMNr5ex2MpGHmtlxB0-0vLuOudrqa8pSdxEK6yUf56xawfeO-ChJSGwZ4p8abKirQVv4ccV2oIIWHm5GE_ft7FTiZ0IrydBHa4pNXzM4I8DC/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/AVvXsEhJW0TnxHWl2YCVn_6oPjkwWvDS4ifnjdsEQVPTURpb0F0A7vHXwePAhSFsi1c2HVLwA9paN8kjzrMsZJyBuwgVVI8ORCPU8SOVD4QzUsrcWoRNRnZXo6HO4jl2R6lQQ5f4B9HJBL9vDX0d/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>
 <!--End Pinterest Icon-->
 </div>
</center>