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

Our Recommended Blogger Widgets

  1. WordPress Like Floating Social Sharing Widget for Blogger with Counter.
  2. AllInOne Admin Box Widget with Social buttons and Subscription Box.
  3. Add Sticky Notification Bar To Blogger with Show/Hide Button.
  4. Stylish Contact Form For Blogger! Add to Static Page, Responsive & Pro Version.
  5. Cute & Stylish Email Popup Subscription Widget.

Conclusion:

So above guide is about How To Add Social Media Widget With Spinning Hover Effect To Blogger Blog. If you have any query related to this article then drop a comment below. Hope you will like this post. Don’t forget to share on Blogging Communities an with your Blogger Friends. Do Share.
Thank You! Stay Blessed!

Paramjot Singh
 

Hey, How you all are? Myself Paramjot Singh, A young (Not Old :P) addicted Blogger from Lucknow, India who want to learn Aha to Shit of the Blogging. I'm blogging since 2 years, and here on My Blogger Guides, I'm sharing my little mind knowledge which I learned in these past two years. :)

Click Here to Leave a Comment Below 0 comments