Tuesday, 19 March 2013

Cool Social spinning icons Widget for blogger



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

Most Commented

Contact Form

Name

Email *

Message *

2014 © Planer - Responsive Blogger Magazine Theme
Planer theme by Way2themes