How Add Rotating Social Media Icons In blogger

This Is Testing.. Code Comming Soon..

---

<a href="https://www.facebook.com/indiabusinessideas" target="_blank">
  <img class="swingimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinUt6evir7d1jTz0726fk_lpPq7zUGTdbepDZ4BjhHnvQAvV_xhbu_fZsvOvbt83cZV2HdWEFRz63MpYGh9VJnlA9phyOsy3UqwZUU33aGWctRbNRScQ7q_dsQ-CkhND6DvESbZEQAZ_l9/s1600/facebook.png" href="http://www.indiabusinessideas.com"/>
</a>
<style>
  @-webkit-keyframes swinging{
    0%{
      -webkit-transform: rotate(90deg);
    }
    50%{
      -webkit-transform: rotate(-5deg)}
    100%{
      -webkit-transform: rotate(90deg);
    }
  }
  @keyframes swinging{
    0%{
      transform: rotate(90deg);
    }
    50%{
      transform: rotate(-5deg)}
    100%{
      transform: rotate(90deg);
    }
  }
  .swingimage{
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 2s ease-in-out forwards infinite;
    animation: swinging 2s ease-in-out forwards infinite;
  }
</style> 

---