Kênh Tên Miền chuyên cung cấp tên miền đẹp, giá rẻ! Hãy liên hệ kỹ thuật: 0914205579 - Kinh doanh: 0912191357 để được tư vấn, hướng dẫn miễn phí, Cảm ơn quý khách đã ủng hộ trong thời gian qua!
kiem tien, kiem tien online, kiem tien truc tuyen, kiem tien tren mang
Wednesday, July 9, 2014

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 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>
<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 :
popup quảng cáo góc màn hình cho blogspot

0 comments:

Post a Comment

Popular Posts