Pages

0

Code chèn popup quảng cáo ở góc phải - góc trái màn hình web


Code chèn popup quảng cáo ở góc phải - góc trái màn hình web.Cách chèn khung quảng cáo ở góc phải màn hình cho website - Blogspot có thể tắt mở quảng cáo.Code chèn popup quảng cáo ở góc phải màn hình cho website - blogspot . Code chèn popup quảng cáo ở góc trái màn hình cho website - blogspot

Bài viết bạn có thể quan tâm:
- Cách chèn khung Like Fanpage ở góc phải - góc trái màn hình
- Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot

Sau đây Bít Tuốt Blog xin chia sẻ với các bạn : Code chèn popup quảng cáo ở góc phải - góc trái màn hình web các bạn thực hiện theo các bước sau:

Chú ý các bạn thay các mục sau cho hợp lý
- http://bittuot.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é


Code chèn popup quảng cáo ở góc phải màn hình cho website - Blogspot


1. Đối với Blogspot:

Bước 1: Đăng nhập blogspot ==> Bố Cục ==> Thêm tiện ích ==>  HTML/Javascript rồi copy đoạn code dưới đây 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://bittuot.blogspot.com/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnfCrwjjZ6W5gjxPem-YibOI8gVACPThF_07LiOARS6BM1_ZqaHCkePxsFBhz-xahRkrNfpeiBEJ-5V1fIciYCbQmVNbhDfXsCymeWUCewsTZwUhPOgbWWd0XcpToO5BZDqFNiMfKkg/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://bittuot.blogspot.com/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnfCrwjjZ6W5gjxPem-YibOI8gVACPThF_07LiOARS6BM1_ZqaHCkePxsFBhz-xahRkrNfpeiBEJ-5V1fIciYCbQmVNbhDfXsCymeWUCewsTZwUhPOgbWWd0XcpToO5BZDqFNiMfKkg/s1600/idc.gif" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div>

Code chèn popup quảng cáo ở góc trái màn hình cho website - Blogspot

1. Đối với Blogspot:

Bước 1: Đăng nhập blogspot ==> Bố Cục ==> Thêm tiện ích ==>  HTML/Javascript rồi copy đoạn code dưới đây vào

<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/AVvXsEiQnfCrwjjZ6W5gjxPem-YibOI8gVACPThF_07LiOARS6BM1_ZqaHCkePxsFBhz-xahRkrNfpeiBEJ-5V1fIciYCbQmVNbhDfXsCymeWUCewsTZwUhPOgbWWd0XcpToO5BZDqFNiMfKkg/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_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://ibiet.blogspot.com/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnfCrwjjZ6W5gjxPem-YibOI8gVACPThF_07LiOARS6BM1_ZqaHCkePxsFBhz-xahRkrNfpeiBEJ-5V1fIciYCbQmVNbhDfXsCymeWUCewsTZwUhPOgbWWd0XcpToO5BZDqFNiMfKkg/s1600/idc.gif" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div>

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

Nười chia sẻ Việt Nam

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

No comments:

Post a Comment