iklan gambar google adsend

by dafin defandaky

HTML

<div class='ad-db'>
<span class='ads-by'>ADS by Dafin Blog</span>
<span class='ads-icon'>
    <a href='http://mymisteri-leonyli.blogspot.com/p/blog-page_9.html' target='_blank'>
        <img alt='info' src='http://2.bp.blogspot.com/--ivaHIgXThk/UnJWU80FLhI/AAAAAAAAF_Y/WrH-8aYijGw/s1600/info-iklan.png'/>
    </a>
    </span>
<img src="http://2.bp.blogspot.com/-zPS2ThPuVfA/UsbD727AgNI/AAAAAAAAN-E/1yDSTnuBFJY/s1600/iklan300x250.jpg" />
<span class='ads-info'>
<a href="http://mymisteri-leonyli.blogspot.com/p/blog-page_9.html" target="_blank">Klik Disini</a></span>
 </div>

CSS

.ad-db{position:relative;width:300px;height:250px;margin:0;padding:0}
.ads-icon {width:15px;height:15px;position:absolute;top:28;right:0;cursor:pointer;margin-top:0px;}
.ads-by {background:#d3d3d3;width:90px;height:15px;border-bottom-left-radius:4px;position:absolute;top:31;right:0;color:#000;font:normal 10px Arial,Sans-Serif;text-align:left;overflow:hidden;padding-right:19px;padding-left:5px;display:none;}

.ads-info {position:absolute;margin-top:-115px;margin-left:104px;cursor:pointer;}
.ads-info a:hover {background:#000;color:#fff;padding:0 15px 0;margin-radius:4px;}
.ads-info a {background:#d3d3d3;color:#000;padding:0 15px 0;}

JavaScript

$(document).ready(function() {
    $('.ads-icon').hover(function() {
        $('.ads-by').toggle();
    });
});