Code CSS thêm quảng cáo góc màn hình cho Blogspot, Website

Như các bạn đã biết đến bài viết Code Popup mà IT247vn đã tổng hợp lại và chia sẻ với các bạn. Trong những loại code đó cũng có code hiển thị quảng cáo ở góc màn hình. Tuy nhiên bài viết hôm nay IT247vn chia sẻ là 1 code CSS với mục đích quảng cáo, hỗ trợ Online, .... ở ngay góc trình duyệt.

Bộ Code đặt góc trái mình hình

    <script type="text/javascript">

    function hide_float_left() {

        var content = document.getElementById('float_content_left');

        var hide = document.getElementById('hide_float_left');

        if (content.style.display == "none")

        {content.style.display = "block"; hide.innerHTML = '<a

    href="javascript:hide_float_left()">[X]</a>'; }

            else { content.style.display = "none"; hide.innerHTML = '<a

    href="javascript:hide_float_left()"></a>';

        }

        }

    </script>

    <style>

    .float-ck { position: fixed; bottom: 0px; z-index: 9000}

    * html .float-ck {position:absolute;bottom:auto;top:expression(eval

    (document.documentElement.scrollTop+document.docum

    entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.m

    arginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}

    #float_content_left {border: 1px solid #01AEF0; margin-bottom:-5px;}

    #hide_float_left {text-align:left; font-size: 11px;}

    #hide_float_left a {background: #01AEF0; padding: 2px 4px; color:

    #FFF;}

    </style>

    <div class="float-ck" style="left: 0px" >

        <div id="hide_float_left">

    <a href="javascript:hide_float_left()">[X]</a></div>

    <div id="float_content_left">

    <!-- Start quang cao-->

Mã html quảng cáo của Bạn

    <!-- End quang cao -->

    </div>

    </div>

Bộ Code đặt góc phải mình hình

<script type="text/javascript">
function hide_float_right() {
    var content = document.getElementById('float_content_right');
    var hide = document.getElementById('hide_float_right');
    if (content.style.display == "none")
    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt quảng cáo [X]</a>'; }
        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Xem quảng cáo...</a>';
    }
    }
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_right {border: 1px solid #01AEF0;}
#hide_float_right {text-align:right; font-size: 11px;}
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="right: 0px" >
<div id="hide_float_right">
<a href="javascript:hide_float_right()">Tắt Quảng Cáo [X]</a></div>
<div id="float_content_right">
<!-- Start quang cao-->
Mã html quảng cáo của Bạn
<!-- End quang cao -->
</div>
</div>