JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://a3p-mohammadalhor.googlecode.com/svn/trunk/font-ge_dinar.css">
<div class="widget-content">
<div id="abgc" class="abgc" dir="ltr" style="width: 15px; height: 15px;"><div id="abgb" class="abgb" style="display: block;"><svg width="100%" height="100%"><rect width="100%" height="100%" fill="lightgray"></rect><svg stroke="#00aecd" fill="#00aecd" x="0px" y="0px"><circle cx="7.5px" cy="7.5px" r="5.5px" fill="none" stroke-width="1.1px"></circle><circle cx="7.5px" cy="4.75px" r="1px" stroke="none"></circle><line x1="7.5px" x2="7.5px" y1="6.5px" y2="11px" fill="none" stroke-width="1.75px"></line></svg></svg></div><div id="abgs" class="abgs" style="display: none;"><a id="abgl" class="abgl" href="#" target="_blank"><svg width="100%" height="100%"><path fill="lightgray" d="M0,0L109,0L109,15L4,15s-4,0,-4,-4z"></path><svg overflow="visible" x="8px" y="11px" width="47px"><text fill="black" font-size="100px" style='font-family:ge_dinar_tworegular;' transform="scale(0.10979354397171211)">إعلان من المدونة</text></svg><svg overflow="visible" x="46px" y="11px" width="38px"></svg><svg stroke="#00aecd" fill="#00aecd" x="94px" y="0px"><circle cx="7.5px" cy="7.5px" r="5.5px" fill="none" stroke-width="1.1px"></circle><circle cx="7.5px" cy="4.75px" r="1px" stroke="none"></circle><line x1="7.5px" x2="7.5px" y1="6.5px" y2="11px" fill="none" stroke-width="1.75px"></line></svg></svg></a></div></div>
<div class="kotak_iklan2">
<a href="http://dabourphone.blogspot.com" rel="nofollow" title="قالب Invert Grid معرب باحترافية"><img alt="Invert Grid Responsive Blogger Template" height="250" src="http://2.bp.blogspot.com/-REvDjS9jgwk/VerutnNgXQI/AAAAAAAABtY/FWGGSUGwRxI/s1600/Ad%2BTracK.png" title="قالب بلوجر احترافى" width="300"></a>
</div>
</div>

CSS

.widget-content { text-align: center; padding: 0; border: 0; }
.abgc{height:15px;position:absolute;right:0;text-rendering:geometricPrecision;top:0;width:15px;z-index:9020;}.abgb{height:100%;}.abgc img{display:block;}.abgc svg{display:block;margin-left: -129px;margin-top: 8px;}.abgs{display:none;height:100%;}.abgl{text-decoration:none;}
.abgc:hover {cursor:pointer;width:109px!important;}
#abgc:hover #abgs {display:block!important;}
#abgc:hover #abgb {display:none!important;}