Code Quảng Cáo Đẹp Cho Blogspot

21:14

* Dưới đây là 2 mẫu Quảng Cáo Mình Tìm Được mời các bạn xem qua nhé.


Quảng cáo nằm bên phải.

<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; width: 300px; height: 250px;}

#hide_float_right {text-align:right; font-size: 11px;}

#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}

</style>

<br />
<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://tpvtinhoc.blogspot.com/" taget="_blank"><img alt="Quảng cáo trên VTBlog" src="https://cdn.adf.ly/images/banners/adfly.300x250.1.gif"/></a>

<!-- End quang cao -->
</div>
</div>


Quảng cáo nằm bên trái.

<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; width: 300px; height: 250px;}

#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://tpvtinhoc.blogspot.com" taget="_blank" ><img alt="Quảng cáo trên VTBlog" src="http://ouo.io/images/banners/r4.jpg"/></a>

<!-- End quang cao -->
</div>
</div>  

║› Hướng dẫn :

+đầu tiên các bạn vào trang tổng quan của Blogger sau đó chọn Bố Cục -> Thêm tiện ích -> HTML/Javascript dán đoạn code quảng cáo mà các bạn chọn save lại là xong.

║› Chỉnh sửa :

+300px of 250px chiều rộng và chiều cao.
+http://tpvtinhoc.blogspot.com Link Liên kết + VTBlog bạn có thể đổi tùy ý                             
+ Link Bôi Màu Cam là Link ảnh quảng cáo phòng khi các bạn muốn thay đổi.

p/s : các bạn nên sử dung tiện ích HTML/Javacript chứ đừng ép thẳng vào trong HTML của Themes Blog để tránh bị lỗi đáng tiếc >.< !!

You Might Also Like

0 nhận xét

Popular Posts

Like us on Facebook

Flickr Images