JSFiddle - React, Tailwind, and code Playground

HTML

<div id='mta_bar'>
    <div id='left_bar'><span class='left'><a href='http://www.zamaneblog.org/' target='_blank'>Bu Üst Bar Reklam Kodunu Siteme Nasıl Eklerim ? Tıkla</a></span>
    </div>
<span class='right' onmouseout='self.status=' '' onmouseover='self.status=' takipteyiz.blogspot.com ';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://lh5.ggpht.com/_pt7i0nbIOCY/SRGg-N2bQ4I/AAAAAAAAAVE/pG-pTLXsMtc/close_thumb%5B1%5D.png?imgmax=800' style='cursor:hand;cursor:pointer;'/></span>
</div>

CSS

#mta_bar {
    background: #FFFFE1;
    border-bottom: 1px solid #808080;
    margin: 0 0 3px 0;
    padding: 4px 0;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    position: fixed;
}
* html #mta_bar {
    /*IE6 hack*/
    position: absolute;
    width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#mta_bar .left {
    float: left;
    text-align: center;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    color: #0000FF;
    width:92%;
}
#mta_bar .right {
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 0;
    width: 30px;
    white-space: nowrap;
}
#mta_bar .right a {
    font-size: 10px;
    color: #0000FF;
    text-decoration: underline;
}
#mta_bar .right a:hover {
    font-size: 10px;
    color: #0000FF;
    text-decoration: none;
}
#left_bar a {
    text-decoration: none;
    color: #0000FF;
}
#left_bar a:hover {
    text-decoration: underline;
    color: #0000FF;
}

JavaScript

< script type = 'text/javascript' >
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();

function mtaFloat(mta) {
    mta_arr[mta_arr.length] = this;
    var mtapointer = eval(mta_arr.length - 1);
    this.pagetop = 0;
    this.cmode = (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
    this.mtasrc = document.all ? document.all[mta] : document.getElementById(mta);
    this.mtasrc.height = this.mtasrc.offsetHeight;
    this.mtaheight = this.cmode.clientHeight;
    this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
    var mtabar = 'mta_clear[' + mtapointer + '] = setInterval("mtaFloatInit(mta_arr[' + mtapointer + '])",1);';
    mtabar = mtabar;
    eval(mtabar);
}

function mtaGetOffsetY(mta) {
    var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
    var parentOffset = mta.mtasrc.offsetParent;
    while (parentOffset != null) {
        mtaTotOffset += parentOffset.offsetTop;
        parentOffset = parentOffset.offsetParent;
    }
    return mtaTotOffset;
}

function mtaFloatInit(mta) {
    mta.pagetop = mta.cmode.scrollTop;
    mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
}

function closeTopAds() {
    document.getElementById("mta_bar").style.visibility = "hidden";
}
//]]>

<
/script>