Dio - Download Free Theme Wordpress, Blogger, HTML Template, Bootstrap

Đôi khi bạn truy cập vào một website hay blog nào đó sẽ thấy ở phía dưới cùng bên phải của website đó luôn hiển thị một cái quảng cáo, mục đích của quảng cáo thì chắc hẳn bạn cũng đã biết - để giới thiệu với người đọc một chiến dịch hay một chương trình nào đó.

Phần quảng cáo phía dưới website - mình đang dùng cho website dự án của công ty

Vậy mình muốn làm một cái quảng cáo giống vậy thì làm như thế nào? rất đơn giản. Mình sẽ chỉ các bạn đoạn code sau đây, chỉ việc chèn đoạn code dưới đây vào phía trên thẻ </body> của website là được

Các bước để thực hiện:

- Đối với website: các bạn tìm thẻ đóng </body> và chèn đoạn code phía dưới lên trên thẻ </body>.
- Đối với blogger (blogspot): Các bạn vào trang quản trị -> tìm phần "Mẫu" (Template) -> Chỉnh sửa (Edit) -> tìm thẻ đóng </body> và chèn đoạn code phía dưới vào giống như website và cuối cùng là Save lại.

Oke, bây giờ ra website và thưởng thức nhé!

Lưu ý là các bạn cần sửa đường dẫn của banner và thay hình ảnh banner nhé!

<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">

<a href="http://firsthomepremium.net/" target="_blank"><img src="http://the-art.vn/wp-content/uploads/2015/12/banner-can-ho-first-home-quan-9-270x300.jpg" title="Căn hộ First Home Premium Quận 9" alt="Căn hộ First Home Premium Quận 9" /></a>

</div>

</div>