Add Social Media Blogger Widget With Spinning Hover Effect

If you are searching for cool looking social media widget for your blogger blog then you are on right platform, because My Blogger Guides team already shared a lot of social media blogger widgets with all of you. Every Blogger knows that cool looking Blogger Widgets attract readers more than simple looking Blogger Widgets. So today we are here with another social media widget for your Blogger blog with spinning hover effect.

spinning hover effect social media widget

How To Add Social Media Widget With Spinning Hover Effect To Blogger

So if you want to add this spinning hover effect social media blogger widget into your blog then read complete guide below. By using this widget you can link to Facebook, Twitter, Google Plus, RSS and YouTube. Follow all below steps one by one.

Steps For Adding Social Media Widget With Spinning Hover Effect To Blogger

• Go To Blogger Dashboard.
• Layout >> Add A Gadget >> HTML/JavaScript.
• Copy Below Code And Paste it.

<style>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);
}
/* Spinning Social Icons Widget By mybloggerguides.com */
</style> <center><p id=”socialicons”><a href=”http://www.facebook.com/mybloggerguides/”><img border=”0″ src=”http://4.bp.blogspot.com/-U4-lm-VG-Rs/UAFFARjvXBI/AAAAAAAACKg/5eXZk3g6JTw/s1600/facebook.png” /></a><a href=”http://www.twitter.com/mybloggerguides/”><img border=”0″ src=”http://1.bp.blogspot.com/-v1j9lvjPaks/UAFFDtW2I2I/AAAAAAAACK4/7ux4VptLkk0/s1600/twitter.png” /></a><a href=”https://plus.google.com/user id”><img border=”0″ src=”http://1.bp.blogspot.com/-TatTDxZ7QlQ/UAFFBg8qgCI/AAAAAAAACKo/_iyTQXBwEEw/s1600/googleplus.png” /></a><a href=”http://www.feeds.feedburner.com/mybloggerguides/”><img border=”0″ src=”http://1.bp.blogspot.com/-y8Gyyv6mVpY/UAFFCqff4dI/AAAAAAAACKw/p84nEbEoIIo/s1600/rss.png” /></a><a href=”http://www.youtube.com/mybloggerguides/”><img border=”0″ src=”http://2.bp.blogspot.com/-UykY0xp20bw/UAFFEpCKPAI/AAAAAAAACLA/eOimlneyMyc/s1600/youtube.png” /></a> </p></center>

• Now Change Highlighted Colors into Your’s.
• That’s it. You have added this widget to your blog successfully. Now open new tab >> open your blog and enjoy this spinning hover effect blogger widget.