Attractive Special Offers Advertisements Badges

how add attractive advertisement badge image on website


<center><a href="https://www.facebook.com/indiabusinessideas" target="_blank">
  <img class="swingimage" src="https://4.bp.blogspot.com/-jrWey5VGl3U/WTLJYx0QoDI/AAAAAAAACkA/nRF06wIQ8Ao2q2r-Pomxzarzkmu4vO-CQCK4B/s320/bargain-453492_960_720.png" href="http://www.indiabusinessideas.com"/>
</a></center>
<style>
  @-webkit-keyframes swinging{
    0%{
      -webkit-transform: rotate(100deg);
    }
    50%{
      -webkit-transform: rotate(70deg)}
    100%{
      -webkit-transform: rotate(100deg);
    }
  }
  @keyframes swinging{
    0%{
      transform: rotate(40deg);
    }
    50%{
      transform: rotate(-20deg)}
    100%{
      transform: rotate(40deg);
    }
  }
  .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>

Second Line - 
change https://www.facebook.com/indiabusinessideas this code with your page address where you want to send visitors -

If you ok with this above image then copy whole code and paste it where you want - 

if you want to change image 
then go to red addrss - 

http://www.indiabusinessideas.com" src="https://1.bp.blogspot.com/-AWHZU_HIrgw/WTLJhdkTfdI/AAAAAAAACkI/IYE5MX-rrZU2nW0JZ3_NkMOm278UsN29ACK4B/s320/bargain-484370_960_720.png


change this image image address with belows images otherwise your own images -  






all image source pixabay

No comments

Powered by Blogger.