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

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZZ2GCoWrfHnBJeueJyQYNMrAP2rsL5otokmarRCLJp96vFVpApgKjN3qJa3UbgrSK2e0R5SKlpLDiQRsohr3cTYe4LNNSlLD85gWS1e2R941cWBr18RSi4eyfP3qU19qtGf7KX1woArg/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZZ2GCoWrfHnBJeueJyQYNMrAP2rsL5otokmarRCLJp96vFVpApgKjN3qJa3UbgrSK2e0R5SKlpLDiQRsohr3cTYe4LNNSlLD85gWS1e2R941cWBr18RSi4eyfP3qU19qtGf7KX1woArg/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

Share on Google Plus