Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel





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

Seo Master present to you:

 

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

Social media shareing widget with mouse hover spin effect (www.matrixar.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.www.matrixar.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.www.matrixar.com */</style>


<center><p id="MH_socialicons">
    <a href="http://www.facebook.com/masterhacksindia"><img src="http://www.matrixar.com/-eG9bPvyOXro/UPBYTmI8VEI/AAAAAAAAJqI/TFBZzBxJ59c/s1600/NBT+facebook+icon.png" /></a>
    <a href="http://www.twitter.com/arunjohnson001"><img src="http://www.matrixar.com/-dB0P2JmL6QA/UPBYVfvhyII/AAAAAAAAJqU/HFD5UeTJck8/s1600/NBT+twitter+icon.png" /></a>
    <a href="https://plus.google.com/109278971237541628404"><img src="http://www.matrixar.com/-XU8OI90JZQc/UPBYUKmev_I/AAAAAAAAJqM/FPgdcMimraQ/s1600/NBT+google+plus+icon.png" /></a>
    <a href="http://www.feeds.feedburner.com/masterhacksindia"><img src="http://www.matrixar.com/-YPkJD-sewC8/UPBYWk9dzBI/AAAAAAAAJqg/D3FVlAJz4VE/s1600/NBT+rss+feed+icon.png" /></a>
    <a href="http://www.youtube.com/arunjohnson001"><img src="http://www.matrixar.com/-YNToKMeHx9A/UPBYWVeeq5I/AAAAAAAAJqc/HEpC_PsZBsY/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……………………….

2013, By: Seo Master

Labels:



Leave A Comment:

Powered by Blogger.