Bài viết mới nhất :
Home » , » 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 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é !

LIKE & SHARE :
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 màn hình blogspot, website

Bạn đang đọc bài viết :

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

Đừng quên nhấn LIKE Chia Sẻ để ủng hộ website của mình nếu bài viết có ích!

5 nhận xét:

  1. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  2. Bạn có thể chỉ lại giùm, mình tìm mãi ko thấy chỗ để cho cái đoạn cos của bạn vào, web bên mình dùng workpres mình mới nhận web nên chưa rõ việc này, mog các bạn chỉ giùm
    Thanks U
    http://royalgroupvn.com/

    Trả lờiXóa
    Trả lời
    1. @Hoang Anh Quyet : Bạn đã làm được chưa ? Đối với WP bạn tìm file chứa CODE xg tìm tới thẻ body và COPPY đoạn code dưới dán vào là ok bạn !

      Xóa

 
Giấy phép ICP số: 100231235238259962931/Blogger-Google Plus
Địa chỉ:
Proudly powered by Dịch vụ Marketing Online
Copyright © 2011. Day Hoc Seo - All Rights Reserved
Ghi rõ nguồn "http://dayhocseoo.blogspot.com/" khi phát hành lại thông tin trên trang này
Marketing Online
Chứng nhận và bảo vệ bản quyền bởi
DMCA