Oct 10, 2015

Add Social Media Blogger Widget With Spinning Hover Effect

data:blog.title
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.
social media widget with spinning hover effect for blogger
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.

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!

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.