Thứ Tư, 18 tháng 1, 2017

Cách chèn popup quảng cáo ở góc phải màn hình cho Blogspot
Hướng dẫn cách chèn popup quảng cáo cho website blogspot như thế nào? làm thế nào để  chèn popup quảng cáo ở góc phải màn hình cho Blogspot là một trong những câu hỏi mình nhận được cũng rất nhiều trong quá trình làm và viết blog. Hôm nay nhân tiện mình cũng làm một poup cho site của mình để tim người hợp tác và phát triển nên mình sẽ viết bài chia sẽ này để hướng dẫn cho mọi người đặc biệt là các bạn mới muốn làm mà chưa làm được.
Chi tiết cách  chèn popup quảng cáo ở góc phải màn hình cho Blogspot các bạn làm theo nhé.

Đă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




<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="https://doanweb.blogspot.com/" taget="_blank" ><img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXQYvPFlECcUMu11M1JKVFv_bMd3MUSUoT4Zv636Ij9wIXaIthyagNZkrHQTS9dHnY-BmW_zWvjjpxMZNttH0TACZkX_eczU29YcYzVYpUbm0m-LcKi4rnVfwmGDGetd7nAP_7O1sS44/s640/1433266766wordpress-popup-plugin-sumome.jpg" width="400" height="440" /></a>
<!-- End quang cao -->
</div>
</div>


Chú ý 
- width=400 : Chiều rộng khung
- height=440: 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é
nếu các bạn Chơi quảng cáo Google Adsense thì Thay đoạn code sau bằng code GA của bạn nhé vẫn hiển thị ok và rất tốt.

Không có nhận xét nào:

Đăng nhận xét