Với nhiều blogger việc tạo blog viết bài đơn giản chỉ là chia sẻ thông tin kiến thức nhưng đôi khi việc viết đó cũng cần một khoản chi phí để duy trì hoạt động. Vậy nên việc cho thuê quảng cáo cho đối tác trên blog cũng là một cách kiếm tiền để duy trì blog tạo thêm động lực để các blogger.
Hôm nay rảnh rỗi nên chia sẻ với các bạn đoạn code chèn quảng cáo chạy dọc hai bên cho blogger.
Với đoạn code này đơn thuần chỉ là html css cơ bản các bạn sẽ dễ dàng áp dụng và đạt kết quả khả thi nhất
 |
| Hướng dẫn chèn code hiển thị quảng chạy dọc hai bên cho blogger |
Đầu tiên các bạn truy cập trang quản trị trong mục Mẫu - Chỉnh sửa html
Chèn đoạn code dưới đây vào sau thẻ <body>
<div class="ads-left">Chèn mã quảng cáo vào đây</div> <div class="ads-right">Chèn mã quảng cáo vào đây</div>
Sau khi chèn mã quảng cáo xong các bạn cần chỉnh lại css cho hai thẻ div trên với class tương ứng các bạn chèn đoạn mã sau vào trước thẻ </b:skin> nhé
Với thẻ <div class="ads-left" >
.ads-left {
width: 150px;
height: 600px;
position: fixed;
left: 0;
top: 20;
z-index: 1000;
}
Với thẻ <div class="ads-right" >.ads-right{
width: 150px;
height: 600px;
position: fixed;
right: 0;
top: 20;
z-index: 1000;
}
Với cách này hai vị trí quảng cáo sẽ được cố định ở hai bên khi bạn cuộn blog. Tuy nhiên chỉ á dụng cho blog có layout không full chiều rộng ví dụ như mẫu blog mặc định. Và nó cũng thật bất tiện khi chạy trên mobile nên các bạn có thể thêm điều kiện lọc theo thiết bị để loại bỏ nó khi xem trên mobile nhé
Chúc các bạn thành công với hướng dẫn này.....
Khi lên điện thoại thì nó hiển thị sao nhỉ ?
ReplyDeletecũng kiếm cái này lâu rồi
ReplyDelete