Ads by Kang PP

Space iklan dengan info pihak ketiga

by Putra Pamungkas Sutaryo

HTML

<div class="ikle">
    <a href="#" target="_blank" title="Pasang Iklan"><img src="http://4.bp.blogspot.com/-UAPhvMghsBg/VJuzSOqcdtI/AAAAAAAAB5c/UItTJ8ynz7c/s1600/300x250px.gif" alt="Pasang Iklan" title="Pasang Iklan"/></a>
    <div class="infona">
        <a href="#" target="_blank" title="Iklan Oleh Kang PP"><p>By Kang PP</p></a>
    </div>
</div>

CSS

.ikle{position:relative;width:300px;height:250px;margin:0 auto;overflow: hidden;}
.infona{position: absolute;top: 0;right: 0;background:#D3D3D3 url(http://1.bp.blogspot.com/-r_y6WeKJppE/VLsWTf7aV9I/AAAAAAAAB9g/17Yk5O6eu-8/s1600/iklan_kpp.png) no-repeat center;color: #fff;width:17px;height:17px;cursor: pointer;}
.infona:hover p{display:block;transform-origin: 100% 0%;animation: fadeIn 0.3s ease-in-out;}
.infona p{display: none;background-color: #D3D3D3;padding: 2px 6px;position: absolute;top: -11px;right:15px;width:60px;border-radius: 0 0 0 9px;color: #000;font-size: 11px;}