So với dạng quảng cáo trượt dọc hai bên sườn của website thì ở bài này mình xin chia sẻ tới các bạn một dạng quảng cáo khá là phổ biến trên các website hoặc blog đó là dạng popup quảng cáo hiển thị ở góc trái, góc phải cho website hoặc blogspot.
Đối với Wensite bạn chỉ cần thêm đoạn code dưới đây lên trên thẻ đóng </body>
Đối với Blog bạn đăng nhập blogspot ==> Bố Cục ==> Thêm tiện ích (vào bố cục thấy đoạn nào có thêm tiện ích thì vào đó, chỉ chọn duy nhất vào một thêm tiện ích thôi nhé tốt nhất nên lựa chọn thêm tiện ich ở góc phải hoặc trái màn hình) ==> HTML/Javascript rồi copy đoạn code dưới đây và paste vào khung nội dung HTML/Javascript ==> lưu lại
Code popup quảng cáo hiển thị ở góc trái
<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://www.thichviet.xyz/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg91T7ihpo7Dbs52kR47Ucdxk91VG40OQk5ZvBHcfDscbdypjbzCKO2BDx5yvDwYHhXknCf0N8VPpaqFKUCMkaW170GTxUEWGcvvu9SEqHUYwAikObycq92P91cJ0f5tmPYNs7pUBva_xM/s1600/idc.gif" width="250" height="200" /></a>
<!-- End quang cao -->
</div>
</div>
Code popup quảng cáo hiển thị ở góc phải
<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://www.thichviet.xyz/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg91T7ihpo7Dbs52kR47Ucdxk91VG40OQk5ZvBHcfDscbdypjbzCKO2BDx5yvDwYHhXknCf0N8VPpaqFKUCMkaW170GTxUEWGcvvu9SEqHUYwAikObycq92P91cJ0f5tmPYNs7pUBva_xM/s1600/idc.gif" width="250" height="200" /></a>
<!-- End quang cao -->
</div>
</div>
Trong đó:
- http://www.thichviet.xyz : Link web của bạn
- width=250, height=200 : Lần lượt là chiều rộng và chiều cao của khung quảng cáo.
- 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é.
-Nếu các bạn đang chơi quảng cáo của Google Adsense thì Thay đoạn code sau bằng code GA của bạn nhé
<a href="http://www.thichviet.xyz/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg91T7ihpo7Dbs52kR47Ucdxk91VG40OQk5ZvBHcfDscbdypjbzCKO2BDx5yvDwYHhXknCf0N8VPpaqFKUCMkaW170GTxUEWGcvvu9SEqHUYwAikObycq92P91cJ0f5tmPYNs7pUBva_xM/s1600/idc.gif" width="250" height="200" /></a>
