Add rotating social widget to your blog

You can easily get a rotating social widget  for your blog by following these simple steps. Without any delay, let's get it done

1. Go to your blogger dashboard >> Layout.


2. Click on Add a Gadget >> select HTML/JavaScript from list

Copy the following code and edit with your username, save and you are done.

<div class="widget-container">          
<div class="textwidget"><style>
p#tis_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#tis_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

</style> <center>
<p id='tis_socialicons'>
<a href='http://feeds.feedburner.com/blogspot/wVrIVV' rel='nofollow' target='_blank'> <img alt='Click Me' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGxsrMSpQYNAltF7DLCDmaFQk2wTVrsBqYd2OSuw3dG6EynZAImyDlGwj2aCeca-5B_EWCqQqbBSsUsUqAtz3wq-bK1Jrk67lWrU56YBSIyzUpJfSHndbzyaYEdD7ZLZso_xzChlOhkJHN/s1600/rss-inactive.png&apos;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8oFODmnu_vxRuBDYYbE7w1JMGy93xbIys43UjtH7Pgna7_D8cETpDKCtlijKUlZpUIcmjrjkroU9oKsnDrdKMGXP4WLVbIHlDbC1apTdaLdihsh-VxeU4K2xKBpxH20demQz_MNav7kTK/s1600/rss.png&apos;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGxsrMSpQYNAltF7DLCDmaFQk2wTVrsBqYd2OSuw3dG6EynZAImyDlGwj2aCeca-5B_EWCqQqbBSsUsUqAtz3wq-bK1Jrk67lWrU56YBSIyzUpJfSHndbzyaYEdD7ZLZso_xzChlOhkJHN/s1600/rss-inactive.png'/></a>
<a href='https://twitter.com/dinternetsurfer' rel='nofollow' target='_blank'><img alt='Click Me' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0N0ApDZuEJehwZQbYY2OdsmpmCKWX0k_aWYUR1Dnw78DK_-87H7QmOUyfEQbwcTVVgTzJBGeg9Ih9D1JToBPfMNICv8CkPnQSxa0x3Hszkr2oqOsljc-TjQ373NfbGRR29_vAlGCdYxys/s1600/twitter-inactive.png&apos;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmmKO4LsL8v7lCaIo13VxFV4b3dPBDSUSYnm7u1Cuc98lMdtxHgNwOU6e-BQ8Ov8X2LVol3vypJy7Jn3YmRR2LD9BW56lVdof90apRV6FC15HKnGCAGyMfLCJsSMHcID0Q7vKGPstfifyz/s1600/twitter.png&apos;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0N0ApDZuEJehwZQbYY2OdsmpmCKWX0k_aWYUR1Dnw78DK_-87H7QmOUyfEQbwcTVVgTzJBGeg9Ih9D1JToBPfMNICv8CkPnQSxa0x3Hszkr2oqOsljc-TjQ373NfbGRR29_vAlGCdYxys/s1600/twitter-inactive.png'/></a>
<a href='http://www.facebook.com/pages/The-Internet-Surfer/156574417869598' rel='nofollow' target='_blank'><img alt='Click Me' hieght='100' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOpbCmCFyZIoXdowlQTDFWHxa6Hdp5S-_9erPNw3tHCf5SApcbkmp8M_K1xz6cb-Yl0O4JqiNx-YgPg-tUuI6brO7KvNNImh2lqm_xU8rd3ZZySRgYVl_fgTfKkuYhECmgArWwigxDkr9/s1600/facebook-inactive.png&apos;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmF-8j5VbK1HT4bB8faaIKtNsGt_I-Yt_TzqPwtiJvvcbTCT4s_oc8Rxi6_gzhyphenhyphenkb0xHtvXrMAHDUqPKkkOhTkHvu4Dj7qFvxs__mjn8FOr9QHdgHY3KA1QHR8LWf0lrKr_JiqtERCxGM2/s1600/facebook.png&apos;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOpbCmCFyZIoXdowlQTDFWHxa6Hdp5S-_9erPNw3tHCf5SApcbkmp8M_K1xz6cb-Yl0O4JqiNx-YgPg-tUuI6brO7KvNNImh2lqm_xU8rd3ZZySRgYVl_fgTfKkuYhECmgArWwigxDkr9/s1600/facebook-inactive.png'/></a>


<a href='https://plus.google.com/103492692116147972276' rel='nofollow' target='_blank'><img alt='Click Me' hieght='160' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWNdUq5NV5XbUr6g3qVFohz6srZX4FggSd3QDhCGMDjH4_w-icGujb9gP0wvuoCMlQymWVoeIk36_KSKKK_bLF5BEuNjt1ULBp9fAsmtuVxtCemJl7DbYCoVeiF-88pzGZGjmmTV0Au0Q7/s1600/google-plus-inactive.png&apos;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjfnXTBi552PB1tHkTTRf8_8JVMoIouknz1eJREDpnl-Es-9XhNxuSkK4KDedNiBbFUaAuHOl95a8ljPOY8fyUiPwtZ7jxHZLTKpfw-aiSOQZp-QSD8_OsyPWzkik3eKRQYJt3uPbsFEti/s1600/google-plus.png&apos;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWNdUq5NV5XbUr6g3qVFohz6srZX4FggSd3QDhCGMDjH4_w-icGujb9gP0wvuoCMlQymWVoeIk36_KSKKK_bLF5BEuNjt1ULBp9fAsmtuVxtCemJl7DbYCoVeiF-88pzGZGjmmTV0Au0Q7/s1600/google-plus-inactive.png'/></a>

<a href='http://www.pinterest.com/dinternetsurfer' rel='nofollow' target='_blank'><img alt='Click Me' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxDneBsP77jjZgb9U6QXEQz-oIpcunrJiPSP4xKfsoH2tjnhirIIqvn0hfum6na-QzcPnhVj7Vyt5Zu6_p5A48YYDTbsZmRxB_6d6ssA94bbUU7MUnneqpmY9rtCSFvZ4FUOB-19npRgeC/s1600/pinterest-inactive.png&apos;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCkjo0nwoo_BB5Vox-fhqOpdMvrD7oc7-5e4OwDkvCXWH4-KBDpsTze9BEPK3R9MXEVFlenwgX2O9KtJXvMgznM9OpwLMw4Qm6P3bHiFkNP3HNVcQnrFddn97mpb8vVQHWyQAneU8qjdD/s1600/pinterest.png&apos;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxDneBsP77jjZgb9U6QXEQz-oIpcunrJiPSP4xKfsoH2tjnhirIIqvn0hfum6na-QzcPnhVj7Vyt5Zu6_p5A48YYDTbsZmRxB_6d6ssA94bbUU7MUnneqpmY9rtCSFvZ4FUOB-19npRgeC/s1600/pinterest-inactive.png'/></a>

</p></center>


See Demo