Bài viết này mình muốn hướng dẫn các bạn chèn quảng cáo bằng banner chạy dọc hai bên của Blogspot.Các bạn có thể xem demo hình ảnh sau :
Để chèn banner quảng cáo chạy dọc hai bên blogger rất đơn giản:
Đầu tiên bạn vào đang nhập vào blog vào Mẫu chuyển đến chỉnh sửa HTML ấn ctrl + F tìm thẻ <body> và thêm đoạn code sau trên nó .
<!--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='https://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='https://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 -->
Ok thế là xong!Các bạn chỉ việc lưu mẫu vào và tận hưởng thành quả!
NOTE : Mẫu banner chạy dọc hai bên blog chỉ hiện trên máy tính còn điện thoại,ipad thì không hiển thị nhé!
Chúc các bạn thành công!Có bất kì thắc mắc nào các bạn có thể để lại comment bên dưới.
Đăng nhận xét