Tạo popup quảng cáo góc màn hình

Như ta đã biết để hiện thị một quảng cáo mà tiết kiệm1 diện tích cũng như thu hút1 lượng khách hàng quan tâm thì phải1thiết kế một giao diện chuẩn màu sắc hài hoà ,có banner quảng cáo hay là những1 popup quảng cáo góc màn hình
Hôm nay 1mình xin chia sẻ lại cho các bạn cùng dùng nếu có 01 chương trình khuyến mại ,01 quảng cáo cho website hoặc blog
Hướng dẫn :
Tải mẫu của bạn về và copy đoạn code bên dưới trước thẻ đóng </body>

Xem code

<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 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–>
<a href=”#link” taget=”_blank”><img alt=”” height=”200″ src=”#link-anh-cua-ban” title=”” width=”250″ /></a>
<!– End quang cao –>
</div>
</div>

 

DEMO :