Checkout this awesome social spinning widget for blogger. Want to add this widget to your blog just follow this simple steps
1. Go to you blogger dashboard
2.Click on Design > Page elements > Add a Gadget (Old blogger interface)
3.Click on Layout > Add a Gadget (New blogger interface)
4. Select HTML/JavaScript from the options listed and paste the following code in the content box
<style>
p#rb_socialicons img {
/* Spinning Social Icons Widget By www.zgamerx.blogspot.in */
-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#rb_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 www.zgamerx.blogspot.in*/
</style>
<center><p id="rb_socialicons">
<a href="http://www.facebook.com/zgamerxs/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwagdkw71EUU4hmqKo1RcQHzPz7CipssjeeFVtCe5xAJ23yl41clrAMA0tYxmmiyOLenuO5wGiXkBf1rN-SO_RAn4iXsV_rQN40mv4Yv8BNSITEtuZEJpT_KDBIoyDKzfc7fswG8_XACE/s1600/rb+facebook+icon.png" /></a>
<a href="http://www.twitter.com/vishalassassin/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHyg28zvB_kPmM7oq17kEXejaxub8y5xaG-EF0ZGXYFu9jAZ27-v_9U0FspC_Zig4StkVcXDjJmHWo_lMfQNdOiGewrphKCeJnik_x3-FAof7gb5RD6xb6WjymHikCFsyiz6mGQEI1R2s/s1600/rb+twitter+icon.png" /></a>
<a href="https://plus.google.com/u/0/108432524418882740014/posts">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMg-HmiJV0KRLIOKGVBzgfjh7SVHKBRXBy2fXjezppWHh8ykxm8xslJr3JVjY2Un9J3Z6FopxgxeiwwhJZeNEIVOLMJ5B21T1PC8uNJ6fdaXDvK9VFcFak_wvdgeLBbyBOT7DgBGxmo4Y/s1600/rb+google+plus+icon.png" /></a>
<a href="http://www.feeds.feedburner.com/zgamerx/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7PXakbdNst89WjlVEizz8cQRKZcF1Ah0ADZaO77WrJj3UOPOTr8E1Lx6AiDkaoVKrWBboa8dQdYghCOySWYfGVHGAIGPqkF5lvyQsulxUBAFB5PwkH8ur0j6lfF2BMAsQm4xE26FvQrM/s1600/rb+rss+feed+icon.png" /></a>
<a href="http://www.youtube.com/vishalassassin/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik5PA-CgZemOLjJ8BEnIRJeLqYvhgOStJ6chW2aV0y0qDyzE6oZ0WouCw1tzI0tzLQhUseFM4YDiiW8ie9IN0tjB47p_MyXjgH0ZWGbTwVJsLXSfwyc0lf66vAiam9blopZNePpKgsjxQ/s1600/rb+youtube+icon.png" /></a>
</p></center>
5. Click save button
Customizations
Replace all red url and username with your url and username.
That's all
Enjoy
No comments:
Post a Comment