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. |
| Hướng dẫn chèn code hiển thị quảng 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
Đầ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.....
Không có nhận xét nào:
Đăng nhận xét