Code chèn banner quảng cáo trượt 2 bên blogspot

CHIA SẺ
10/19/2016
Code chèn banner quảng cáo 2 bên blogspot tuy rất đơn giản và chỉ là một thủ thuật blogspot nhưng có nhiều bạn cần tìm thì lại không thấy vì tôi biết có rất nhiều lĩnh vực cần đến nó ví dụ như bất động sản, quảng cáo ...Banner quảng cáo 2 bên website hay blogspot là 2 hình ảnh được thiết kề dài chạy trượt 2 bên website.
Code chèn banner quảng cáo trượt 2 bên blogspot

Code chèn banner quảng cáo trượt 2 bên này đượt thiết chạy theo con trỏ chuột khi bạn kéo website lên xuống trông rất chuyên nghiệp. Nhưng lưu ý hình thức này chỉ dành cho những blogspot có body hẹp nếu không thì hình ảnh sẽ che hết website của bạn.

Thôi không nói nhiều nữa chúng ta đi thẳng vào vấn đề về cách sử dụng code chèn quảng cáo 2 bên blogspot nhé. Để chèn thì rất đơn giản vào Mẫu > Chỉnh sửa HTML và chèn trên </body> là được nhé.
<!--Quang cao -->
<div class='adshong' style='left: 0px'><div id='hide_float_left'></div><div id='float_content_left'>
<a href='/'><img alt='VIETAD' height='auto' src='http://i.imgur.com/48q6k3T.jpg' title='VIETAD' width='100%'/></a>
</div></div>
<div class='adshong' style='right: 0px'><div id='hide_float_right'></div><div id='float_content_right'>
<a href='/'><img alt='VIETAD' height='auto' src='http://i.imgur.com/GLeNHY9.jpg' title='VIETAD' width='100%'/></a></div></div>
<style type='text/css'>
.adshong {overflow: hidden;
position: fixed;
bottom: 0;
z-index: 1;
width: 200px;
height: 100%;
}
#float_content_left.adshong {overflow: hidden;
width: 200px;
height: 100%;
}
@media (max-width:1024px){.adshong{display:none!important}}
</style><!-- End quang cao -->
Thêm xong code banner quảng cáo 2 bên trượt rồi thì hãy kiểm tra thành quả của mình nhé. Nếu gặp vấn đề gì cứ để lại comments mình giúp cho hiii !

Khi sử dụng các bạn cứ yên tâm vì quảng cáo này chỉ hiển thị ở máy tính thôi nhé mình đã ẩn khi màn hình co lại tức là trên thiết bị di động như Ipad, hay điện thoại rồi ạ :D

Bài Viết Liên Quan

Previous
Next Post »