Döner Sosyal Butonlar Eklentisi

Artık ziyaretçileriniz klasik sosyal medya butonları yerine bu 360 derece dönebilen sosyal medya butonlarıyla daha güzel bir şekilde sosyal medya hesaplarınızı ziyaret edebilecekler.
Altta yer alan kodlarımızı ,
Yerleşim >> Gadget Ekle >> HTML/JavaScript yardımı ile ekleyiniz..

[php]
<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://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48×48.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://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48×48.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://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48×48.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://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48×48.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://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48×48.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://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48×48.png" style="margin-right: 1px;" /></a>
<!–End Pinterest Icon–>
</div>

</center>
[/php]