How to make a clickable coupon like this?

Guys!
I want to know that how to make a clickable link like in coupon sites as shown below.



How I do the HTML or Java coding for this in Wordpress (self hosted) and in Blogger?

Just give the coding for a simple clickable one. Once a visitor clicked the coupon it should redirected to the link that I have added by opening a new tab.
or let me know links to some tutorials.

thanks.

 

Give the link to the coupon using the ref tag <a href="" > </a>,

 

From what I know those coupons are in flash ( not html or java ).

 

Wouldn't it be better if he used;
<a href=" "> <img class="coupon" src=" " /> </a>

And add some css code like;

.coupon:hover
{
background:black;
}

 

Thanks for the css code bro. Not only adding coupon but also customizing hover color as you mentioned above should make the coupon more attractive.

 

Be sure to add:

<a href="thetargetlink.html" target="_blank"> or it won't open in a new tab.