Bạn muốn tạo quảng cáo trên blog hoặc web và muốn để chế độ bật tắt cho nó mà chưa biết làm như thế nào, hãy tham khảo bà" />
RaoVat24h
Blogger Thủ thuật WordPress

Đặt chế độ bật/tắt cho quảng cáo góc phải góc trái màn hình

Advertisement
Bạn muốn tạo quảng cáo trên blog hoặc web và muốn để chế độ bật tắt cho nó mà chưa biết làm như thế nào, hãy tham khảo bài viết dưới đây nhé:
“Sau đây Bít Tuốt Blog xin chia sẻ với các bạn : Code quảng cáo góc phải góc trái màn hình bật tắt được. Các bạn có thể sử dụng để đặt quảng cáo tùy thích. Nhưng đặt code adsense thì cẩn thận nhé vì đặt lâu và web bạn hiển thị trên di động tốt rất dễ dính cảnh báo nhé!

Code quảng cáo góc phải màn hình bật tắt được
1. Cách chỉnh sửa code
http://bittuotblog.blogspot.com/ : Link fanpage của bạn
width=250 : Chiều rộng khung
height=200: Chiều cao khung
Phần link ảnh trong phần <img src=”….” /> các bạn thay bằng link ảnh của các bạn nhé
2. Cách chèn code
– Các bạn vào code thêm đoạn code sau lên trên thẻ đóng </body> .
– Nếu ở blogspot thì các bạn vào Bố Cục thêm 1 cái widget HTML/Javascipt rồi copy đoạn code đó nhấn lưu là được. Đối với wordpress các bạn cũng là tương tự vào phần giao diện => Widget ==> Thêm phần Văn bản rồi copy code vao thôi, nếu ko biết làm thì Các bạn vào code thêm đoạn code sau lên trên 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 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–>
<a href=”http://bittuotblog.blogspot.com/” taget=”_blank” ><img src=”http://1.bp.blogspot.com/-csq5R5Zhg88/UZ8id_eemrI/AAAAAAAAAzw/rE8_lgEkxNI/s1600/idc.gif” width=”250″ height=”200″></a>
<!– End quang cao –>
</div>
</div>
Code quảng cáo góc trái màn hình bật tắt được

1. Cách chỉnh sửa code
http://bittuotblog.blogspot.com/ : Link fanpage của bạn
width=250 : Chiều rộng khung
height=200: Chiều cao khung
Phần link ảnh tronng phần <img src=”….” /> các bạn thay bằng link ảnh của các bạn nhé

2. Cách chèn code
– Các bạn vào code thêm đoạn code sau lên trên thẻ đóng </body> .
– Nếu ở blogspot thì các bạn vào Bố Cục thêm 1 cái widget HTML/Javascipt rồi copy đoạn code đó nhấn lưu là được. Đối với wordpress các bạn cũng là tương tự vào phần giao diện => Widget ==> Thêm phần Văn bản rồi copy code vao thôi, nếu ko biết làm thì Các bạn vào code thêm đoạn code sau lên trên thẻ đóng </body> .

<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()”>Tắt quảng cáo [X]</a>’; }
else { content.style.display = “none”; hide.innerHTML = ‘<a href=”javascript:hide_float_left()”>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_left {border: 1px solid #01AEF0;}
#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()”>Tắt Quảng Cáo [X]</a></div>
<div id=”float_content_left”>
<!– Start quang cao–>
<a href=”http://bittuot.blogspot.com/” taget=”_blank” ><img src=”http://1.bp.blogspot.com/-csq5R5Zhg88/UZ8id_eemrI/AAAAAAAAAzw/rE8_lgEkxNI/s1600/idc.gif” width=”250″ height=”200″></a>
<!– End quang cao –>
</div>
</div>

Chúc các bạn thành công!

Nguồn: bittuotblog.blogspot.com
Rate this post

DienDan.Edu.Vn

DienDan.Edu.Vn Cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.
DienDan.Edu.Vn! là một website với tiêu chí chia sẻ thông tin,... Bạn có thể nhận xét, bổ sung hay yêu cầu hướng dẫn liên quan đến bài viết. Vậy nên đề nghị các bạn cũng không quảng cáo trong comment này ngoại trừ trong chính phần tên của bạn.
Cám ơn.

Đăng bình luận

(+84) (901) 369.468