Social Network Widget With Spinning Hover Effect For Blogger

Social Network Widget With Spinning Hover Effect For Blogger

1. Log in to blogger  Design > Page Element.

2. Click Add Gadget and select 'HTML/Javascript

3.Now Paste Below code.

<style>p#socialicons img {
    -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#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 bismagworld.blogspot.com */
</style> 
<center><p id="socialicons">
    <a href="http://www.facebook.com/bismagworld/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFJ2oIkT9PolR5C5C6eoG9VNogtK9qy6P3bQlKIWdtp5crlvu3qX9W_YXuOoNdCM4CjUvNx-_FUZL5cqffeHzxtLmlKm2z_JnGjDCHRA7kHeTLcR_ZlYU3Sx2HStJmH3CkqF52tK3Z8jB8/s1600/facebook.png" /></a>
    <a href="http://www.twitter.com/bismagraphics/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSm0oJGZCx7nGpLMv6Zhw8QCLLp5F_PpbczhY-mk1r2JRHe5Rb9IsfIF9FN1PXU3fBB2Y_UW521BywdvPb3p8dK24RB9PZ3AA8K2jMswMclwBPJpG_2YKNc4GTWOGarhUOJZ6rl-tDFbZ9/s1600/twitter.png" /></a>
    <a href="https://plus.google.com/107955298793879607964">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG5kMVQtuKEgyqYvq90hhstBPM6LamvknaraoCFpLJ7k0KhtOZgA76IGCGX0CrRnxjR263tROkfs-z_TiYOZkmYlddpZhydKSoHE6pAOnSAOeI15VXqZARAFMcO-V6RaZzu8kddddYoJZP/s1600/googleplus.png" /></a>
    <a href="http://www.feeds.feedburner.com/graphicsworld/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCTvXZlOoZf5bu-fEmW3YyX_Q5pDxXPefdTIdoTnWsonlzJbK5pMgDhPS9V_ZUe-jSrBLzDjlg21rIfLI6J84Tewmmn1tJAFXIxJ98Vhp2OKxBa8HPcoLAvbkEpiosVnumtRA6LlXhdmnS/s1600/rss.png" /></a>
    <a href="http://www.youtube.com/graphicsworld/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKwZBrIWKOIe7Wst0meWtT4ISvyN85rX0Gbbuo0p6cYTxtOxqsY0GDYRK0b1TMlyP4ilHReGOS1AL38KA1kLc69NJ681NSQjEOLFx1LMgJZG0LHs2ywa2ORqVDRxSuwddeqrCUBYF2QYpD/s1600/youtube.png" /></a>
</p></center>

After paste above code
* Replace graphicsworld with your facebook username
*Replace graphicsworld  with your  twitter Username
*Replace 107955298793879607964 with Google plus id
*Replace graphicsworld with feedburner username
*Replace graphicsworld with your your-tube username.
4. Now save your HTML/Javascript'.
    You are done...

10:03 PM