Bài trước mình đã giới thiệu với các bạn cách tạo Popup quảng cáo bên góc phải màn hình bằng css. Hôm nay mình xin giới thiệu thêm 1 code nữa bằng javascript đơn giản hơn.
Các bạn đăng nhập Blog, chọn Bố cục, thêm tiện ích và chọn HTML/Javascript.
Copy và dán đoạn code sau vào :
<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">
<!-- code quang cao star-->
<a href="http://zuizuicuoi.blogspot.com/"
taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Wynrq1o8ZJmOpPrrZiza7zrwZ5dmnCOs3lPCC97IaRFVEJCc3kBIgv3yrB3oFdhQqTKFd3_wUiNkV0xCaeXH74k_LQTAyoyl7MPMbzS5TOk01JStKhpnm60XLKXqhV3vIc7CA5pcTzw/s1600/canhacuoi.jpg"
width="250" height="200"></a>
<!-- code quang cao end-->
</div>
</div>
Các bạn thay các thông tin có chữ đỏ để phù hợp với blog của mình nhé.
ok ròi các bạn bấm lưu lại.
Thế là xong ròi các bạn xem kết quả thế nào, chúc các bạn thành công.
0 nhận xét:
Post a Comment