ADD Stylish Social Media Widget (With Mouse Hover Spinning Effect) To Your Blogger

   Now i share a stylish social media widget with spinning effect. Social media like Facebook, Orkut, Myspace,Google Plus are provide important traffic source to our blog. So we cannot avoid social media sharing widget from our blog. You can install it with effortless. Follow this post and enjoy..

Live Demo

Log in to your Blogger account

• Select  Layout

• Click on  Add a Gadget

• Select HTML/JavaScript from the options listed

• Copy and Paste the following code in HTML/Javascript box.

<style>
#MH_socialicons img {
/* Spinning Social Icons Widget By www.techtooones.blogspot.com */
    -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;
}
#MH_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.techtooones.blogspot.com */</style>

<center><p id="MH_socialicons">
    <a href="http://www.facebook.com/techtooones"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3gOfGUyPCAZWnlwt8wFpNNmqrvIiU6_P9fnXqQQ2qaKg6ZfJ_eP8PZG-MzZRzzWAAyDd8Q1170u_SN7Kn8_AGnPzk9roiVcbczS7E_xSURxaFZ-_gLKvKxOj0Z56HklQFKDWo2CUt_xlS/s1600/NBT+facebook+icon.png" /></a>
    <a href="http://www.twitter.com/melbinjose295"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6yMOyt4KeysnNzMcXbfH6Iv1u5cvFrNV79YLFrkTiza5YXeamm6eQG0Mh0maBdNPviySXfSCoC30SAAG8lwuu5HO_YD7hkhI6OpSBO-YldNRhC5ernqupAiPxo_DkRxBFiu6Kx0q5gznq/s1600/NBT+twitter+icon.png" /></a>
    <a href="https://plus.google.com/109278971237541628404"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2jqfQ5HMbCosrib8LsneslTl_-CG0aP0D7npeH1Vs5XcXV4aMkRFFg5-pJjheiMQanelrcYDqm8zE2BNrPJz-Xaq2743vBT5hnEiGYpCJk8c2NFJfrEUeH4hxxDscdEw6uhCG0k9lFv-X/s1600/NBT+google+plus+icon.png" /></a>
    <a href="http://www.feeds.feedburner.com/techtooones"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN2bSWMe4hx3_q_nB65-g1l2250jCM_tozN5XOhY4wvy_ClA3sBZM5kVX_h6k1EtN5wSF5br5T58E8OUWIlPpdw9l4kN4N71Uwj7rYyIN9z6VsCbyeyk2eGPIbl11-rhyphenhyphenwbgI39QrsoJBM/s1600/NBT+rss+feed+icon.png" /></a>
    <a href="http://www.youtube.com/melbinjose295"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5NmJhooJS2QAlgi1RdindGlUYgsAZfEbvGD-FmrFiwumQM9WmgYj3YZ898rfGY7v3atEh5tiVuliJtFwvP_1JKBGEaEKEeAXyli4vceSlAT1nPnnTEKUPat007VqyLG9s-SMwZyM_alPn/s1600/NBT+youtube+icon.png" /></a>
</p></center>

Change RED color (Include rotation time (8s) & rotation angle (360deg)) with your Values and Links

• Save It

Are you happy …….. Leave a comment below……………………….

Posted in: Blogs and Websites