Wednesday, 27 March 2013

Cool social spinning widget for blogger


Checkout this cool social spinning widget for blogger. If you Want to add thiswidget 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 followingcode 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/AVvXsEg5IVK5itRvS-R6p9Ch2xKIO4IvJnKmO9Wym2lXAKQFLc7ioapNCthaOSnaCB4kvlxiTcw5yhwL7mz6WQvjKNdvaXG101T_zukW0FnDFQE5fJvG4WdmR0bRXCzHIk1l5VKUv7_QACRKifI/s1600/facebook500.jpg" /></a>
    <a href="http://www.twitter.com/vishalassassin/">
<img border="0" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK2Uds-eZvDTKr9eVEU4e5DUDrh1rRZ82FqSwg_adpGLl8QAeL4FNru5dM-ct9_Y3KL01IOnnJElq5PSDoMcBdzaA3ej-rPe75V_HLI0A1LG3Q-HxoSAVr0qOucBpfA00_vlP99gH_jqs/s1600/twitter-old.jpg" /></a>
    <a href="https://plus.google.com/u/0/108432524418882740014/posts">
<img border="0" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieUkCiw4SZyDDz93YVve-vIiMO2HKhnI_uzbVKt-eLIKaEz88NGKbE2yIM9uYaYTC7NmlgzXkGn0qC0M3p3-yBg3Pze2q7GHZKuHaFdAPm75FE3T2XQfO1QkXfQ-_4eADUPeXqHdkVhxo/s1600/googleplus.jpg" /></a>
    <a href="http://www.feeds.feedburner.com/zgamerx/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8mZ91YXcHYMeEqj8JBOwouKzmpm4OTgmY8Qeg5sXZuTSi179foqoaG5dSxDTlwlzCVZK4Jx-HgPYmLwwNPUdgVpvT-Q9svCzTVf83K2VRhkozLxAmdEbZQHN11IRO6nFj2h2fJKuFmY/s1600/rss.jpg" /></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