Üzerine gelince dönen sosyal ağ ikonu

Üzerine gelince dönen sosyal ağ ikonu İçin Etkili Aramalar : Blogger Eklenti

NOT: 360 Derece dönüyor!

Kurulumu oldukça basit olan bu eklentiyi kurmak için ya

Blogger >> Yerleşim >> Gadget ekle >> Html javascript  olarak Ekliyeceğiz yada şablonda boş bir yere ekleyebiliriz. 

<style type='text/css'>



p#socialicons 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; }   p#socialicons img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }   p#socialicons2 img{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }   p#socialicons2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); }   p#socialicons3 img{ }   p#socialicons3 img:hover{  -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }



</style>



<p id='socialicons'>



<a href='http://www.facebook.com/blogyilmaz' rel='nofollow' target='_blank'><img alt='Facebook' height='32' src='http://4.bp.blogspot.com/-LIXMbRX_qrQ/Uo4YJ_jmDCI/AAAAAAAAHW4/eZdmv1-xtY0/s1600/Facebook.png' title='Facebook' width='32'/></a>



<a href='http://twitter.com/yilmaz_ucar' rel='nofollow' target='_blank'><img alt='Twitter' height='32' src='http://1.bp.blogspot.com/-ATJGw7C0H68/Uo4YLsogqJI/AAAAAAAAHXU/-fdXSdGbDX4/s1600/Twitter.png' title='Twitter' width='32'/></a>



<a href='https://plus.google.com/u/0/112499504233929963333' rel='nofollow' target='_blank'><img alt='Google' height='32' src='http://4.bp.blogspot.com/-Tf2kihhE-8A/Uo4YKg1TUPI/AAAAAAAAHXM/feCmFvX0rgc/s1600/Google.png' title='Google' width='32'/></a>



<a href='ww.youtube.com/channel/UCp_98ejeV1eNeB1gkUVV1nA' rel='nofollow' target='_blank'><img alt='Youtube' height='32' src='http://3.bp.blogspot.com/-BehfAdP_OJw/Uo4YMDq85tI/AAAAAAAAHXc/cvANRJ9HlLI/s1600/Youtube.png' title='Youtube' width='32'/></a>







</p>