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

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.

Bạn đang xem: 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 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é.


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

Xem thêm: Chặn Backlinks Bằng Công Cụ Google Search Console

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 ạ 😀

Xem thêm: Khắc phục lỗi Blogspot lỗi trên thiết bị Android hoặc IOS

Nguồn: https://www.bloghong.com
Danh mục: Thủ Thuật Blogspot

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

  1. beobeoyeu068@gmail.com says:

    Bài viết rất hay: Công ty van công nghiệp chuyên cung cấp
    van cong nghiep
    van công nghiệp đài loan
    van điện từ
    van công nghiệp

Comments are closed.