Friday, February 22, 2013

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

Friends, 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

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.masterhacksindia.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.masterhacksindia.blogspot.com */</style>

<center><p id="MH_socialicons">
    <a href="http://www.facebook.com/masterhacksindia"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbVJSZBqU-CrySFhmRoUqDsBq_SlX2eIzkz1W5UHhS_SIySAEtQXKUWx7r7NCz4iMaw1BOUPUpjFwhaPNRIqMleBb3crOgF1iHMZ83F2hf9cy4bFJ7SA1T3XViEf0UdmU7GC8S25Ef8A2/s1600/NBT+facebook+icon.png" /></a>
    <a href="http://www.twitter.com/arunjohnson001"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq3FjI656OPWEwXhE86BwjSwGOenRx4uH1gzAAonaTEFd05h74b9GXhR5fw5RJnlb5k4-61uXw3QSLcCZPjCwQmCYwNNtAH2_mDxVLzEkYT_8olntZoBezQWWijGiDBQ1NsTugMYyqU945/s1600/NBT+twitter+icon.png" /></a>
    <a href="https://plus.google.com/109278971237541628404"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnK1rSQRD9pG3i2JS6Afh6oc72uQF3U_NLCTsk3LiKYQO9W4g_b1BuGorIiitoro0B_GJ_i1g8fapUlYYSJfpxRF1M1gcTzYHUOyKKIQD0w9lhJIhVdpprg6ulQlzXez-2t-nvLVPygM6f/s1600/NBT+google+plus+icon.png" /></a>
    <a href="http://www.feeds.feedburner.com/masterhacksindia"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7uYrD-jTtVwWD8XcoSXcWlz4Nqj-Lp8aBkluk-HrpRZ_o9CehFiqtDwdspQu1Sb_Yt0sGBoJeiyi-IvWkK7GHoztqRLW34YDOKO9T8Xpe7FlQm8otjeDSsVeS7iYVf2z-q_f89hUzEl1K/s1600/NBT+rss+feed+icon.png" /></a>
    <a href="http://www.youtube.com/arunjohnson001"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqKRRVrXKf_ZcoaJYA_DA4_GBk8s_9oKASjoc7u0WuxzUEVtccQPT5hTxqKQ7fobMXX09sjDZ_BQfloqcKcO1pfI12KhLFyXsfdolWqQxbLSTtMWGw3i1LfOftMbeg6x8Ct6W5U_soyAXc/s1600/NBT+youtube+icon.png" /></a>
</p></center>