Social Network Widget With Spinning Hover Effect For Blogger

 

 This is cool widget for your blog. This is cool social widget. you can add it on side bar. Its have nice hover style.So, it will helps to attractive your blog.Black And White Social  Network Widget With Color Hover Style  For Blogger. Follow these steps to add it to your blog.

Demo

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 bloggertrix.com */
</style>
<center><p id="socialicons">
    <a href="http://www.facebook.com/bloggertrix/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9_z6fBmuBqLTCWQiOi1xirfEEn9Opo_8HbBJjgOz2jJ1wl-3a3uNpJxXKzMYpYGppIGSPwM47fJCQSyCIeN4xGJPiq4_WFlwl2c3pmwG_VOHN_iIha4rQwu-xM4g0UmtZuLeGFH88itzD/s1600/facebook.png" /></a>
    <a href="http://www.twitter.com/bloggertrix/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX6P3cL4-smZ8ChoJyI1pbzFLZQIOtIpISVvj32vg70fYFODcwYqmozYuX-rXRJQ9qfVwRxEdoGoiszeHWeqZcxcZPHJqJo1EfwgnrorJCWmfeqMvqpaTpGTLK5VVIM_CFy_iZu7NZ29zv/s1600/twitter.png" /></a>
    <a href="https://plus.google.com/107955298793879607964">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZEeZeLwBCiKtyNwEDKvXrCi94pBIWUqYO3WvU8HpLRlu8dIFPElqTxxJuP1PZX4kluWMFF-_QCLttQoUQhhDxKRP5ZPPy66oKAt3ZojmvgdECoZ1kaWu_g-S-n11CnJ2C7Ldvn6pNHcBE/s1600/googleplus.png" /></a>
    <a href="http://www.feeds.feedburner.com/bloggertrix/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO4ZtJFXuPbMoqew_7aXdULF0Lm5_kQ-y05wofZVclDm7o5QSD1mEPM6Kr4DTsr8gkfVfsPJcBUSQPw-i2kheaDyOCHQnkecPbqq5eByTnxgfos1bUQx6RFYTmpWGQqNCZf7-fbadjTZX3/s1600/rss.png" /></a>
    <a href="http://www.youtube.com/bloggertrix/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOCMnfyjlQ01KA6sj1swGDHbN-OFlDvQIlbAflodhhlG9bAdRcKW0WAQRHGukbMXe0c96gI1oqa3TWIL-aE6wRS1I-CFa0-7S2tD_3WV6eWbRVHYWaHNPxuFj7jQnYIhGTspa4FXS_2rA3/s1600/youtube.png" /></a>
</p></center>

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