Code popup tạo quảng cáo góc màn hình đẹp mắt cho Blog/Website
5 (100%) 2 votes

Code popup tạo quảng cáo góc màn hình đẹp mắt cho Blog/Website

Có rất nhiều bạn muốn tạo quảng cáo nằm ở vị trí không gây ảnh hưởng đến người đọc. Nhiều bạn hỏi PhonuiIT.com cách tạo quảng cáo góc màn hình như thế nào mà làm cho tốc độ load trang nhanh nhất.

Bài viết hôm nat sẽ hướng dẫn bạn Tạo quảng cáo góc màn hình rất hữu ích và đẹp mắt. Nào hãy cùng bắt đầu thôi.

Mình sẽ chia sẻ hướng dẫn của cả Blogspot và website wordpress.

Code popup tạo quảng cáo góc màn hình đẹp mắt cho Blogspot

tạo popup quảng cáo

Bước 1: Bạn đăng nhập trang Blogger
Bước 2: Thêm tiện ích
Chọn bố cục  – Thêm tiện ích HTML/JavaScrip và dán code bên dưới vào

  • Đối với quảng cáo góc phải màn hình cho Blogspot
<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://phopnuiit.com" taget="_blank" ><img src="<span style="color: #ff0000;">link_ảnh</span>" width="250" height="200"></a>

<!-- End quang cao -->

</div>

</div>
  • Đối với quảng cáo góc trái màn hình cho Blogspot
<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="https://phopnuiit.com" taget="_blank" ><img src="<span style="color: #ff0000;">link_ảnh</span>" width="250" height="200"></a>
<!-- End quang cao -->

</div>

</div>

Code popup tạo quảng cáo góc màn hình đẹp mắt cho WordPress

  • Đối với quảng cáo góc phải màn hình cho website
<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://phopnuiit.com" taget="_blank" ><img src="<span style="color: #ff0000;">link_ảnh</span>" width="250" height="200"></a>
<!-- End quang cao -->

</div>

</div> 
  • Đối với quảng cáo góc trái màn hình cho website
<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="https://phopnuiit.com" taget="_blank" ><img src="<span style="color: #ff0000;">link_ảnh</span>" width="250" height="200"></a>
<!-- End quang cao -->

</div>
</div>

Công việc còn lại của bạn đó là copy đoạn code đó, dán vào trước thẻ </body> và thay đổi lại phần URL với đường dẫn ảnh.
Chúc các bạn thực hiện thành công.

Đánh giá bài viết:

Bình Luận

Vui lòng nhập bình luận của bạn!
Vui lòng nhập tên