Hôm nay tôi hướng dẫn các bạn làm thế nào để tạo được một khung chèn quảng cáo gốc trái phải dưới cùng website như thế nào.

đâu tiên các bạn chèn đoạn css dưới title với mã nguồn dưới.

<style>
.float-hm { position: fixed; bottom: 0px; z-index: 9000}
* html .float-hm {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>

tiếp theo các bạn chèn mã js

<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>


việc cuối cùng là bạn copy đoạn html vào trong tag body website


<div class="float-hm" 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">


</div>
</div>
vậy là chúng ta đã làm xong mục quảng cáo góc phải rồi và góc bên trái các bạn chỉ cần sửa tương tự góc phải, hy vọng qua bài này sẽ giúp ích cho các bạn làm website được nhanh hơn.