Unordered List

Friday, February 22, 2013

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..

Social media shareing widget with mouse hover spin effect (techtooones.com)

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……………………….

1 comments:

I love this blog ... Thanks for sharing this wonderful information...Don't forget to check this Glowing Social Media Icons Widget

Post a Comment