Hướng dẫn thêm khung quảng cáo góc phải màn hình blogspot, website

Hướng dẫn thêm khung quảng cáo góc phải góc trái màn hình blogspot website. Sau đây Blog dạy học seo web xin hướng dẫn các bạn cách chèn khung quảng cáo góc phải góc trái màn hình blogspot web blogspot có thể tắt mở được

Code chèn khung quảng cáo góc phải màn hình :

Chú ý : Các bạn thay các mục sau cho hợp lý :

- http://www.idichvumarketing.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é

1. Đối với Blogspot :

Bước 1:
Đăng nhập blogspot ==> Bố Cục ==> Thêm tiện ích ==>  HTML/Javascript sau đó dán mã CODE ở dưới 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">
<!-- Start quang cao-->
  <a href="http://www.idichvumarketing.com/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvd9MjYd2deHlGcqrjVBvAOTe_BJAbdJsJm_ctQkXPmpF2f4Xa9z00w9xRf0m_TIEO6KBvxQPb2AxRmnAa4V91-PPyj06WcGn1AnCTbzRO6agMR_hUTgxiOQOGBq35ucjhIEGYTDPwo4/s1600/idc.gif" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div>

2. Đối với website :

Bạn 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://www.idichvumarketing.com/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvd9MjYd2deHlGcqrjVBvAOTe_BJAbdJsJm_ctQkXPmpF2f4Xa9z00w9xRf0m_TIEO6KBvxQPb2AxRmnAa4V91-PPyj06WcGn1AnCTbzRO6agMR_hUTgxiOQOGBq35ucjhIEGYTDPwo4/s1600/idc.gif" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div>

=====================================

Thủ thuật Blogspot này khá là hay , Chúc các bạn thành công !
Nếu các bạn gặp khó khăn gì comment phía dưới để mình hỗ trợ nhé !