Code CSS thêm quảng cáo góc màn hình cho blogspot, Website

Như các bạn đã biết đến bài viết Code Popup mà itviet360 đã tổng hợp lại và chia sẻ với các bạn. Trong những loại code đó cũng có code hiển thị quảng cáo ở góc màn hình. Tuy nhiên bài viết hôm nay itviet360 chia sẻ là 1 code CSS với mục đích quảng cáo, hỗ trợ Online, .... ở ngay góc trình duyệt.
quang cao goc man hinh, quảng cáo
Code chung cho cả Blog và Website, sau đó sẽ hướng dẫn trên blogspot
CODE CSS

#online {
position: fixed;
bottom: 0;
right: 0;
z-index: 996;
}

CODE HTML

<div id='online'>
<a href='http://www.itviet360.com/p/dich-vu-seo-web-gia-re-giai-phap-tot.html'>
<img alt='Hòm thư phải hồi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggkWaaRB2OPefCpESnGG2jw3vXxWFdl9x53sARSJBfv3TVsOx3sSfyTDwJjWzigfHFemoSx8cQB5sHODLw32qXyrt5E2Ry46byRfFHrAio0uWvXqp6gsrNyFOB6S2JfeH66tqxLPX5MRqq/h320/online-hoang.gif' style='cursor:pointer' title='Hòm thư phải hồi'/>
</a>
</div>

- Hướng dẫn trên Blogspot (trên nền Website khác các bạn cũng thêm tương tự)
1. Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edite HTML)
2. Tìm đến ]]></b:skin> và dán CODE CSS trên ]]></b:skin>
3. Tìm đến
và dán CODE HTML trên nó
4. Lưu template và xem kết quả Chuyên mục: , , , ,

4 nhận xét:

  1. Chào bạn Vũ Phong! mình thấy cái bài code quảng cáo hỗ trợ online này thật hữu ích và đã thực hiện theo. Đầu tiên Mình đã tìm đến ]]> và dán code CSS vào sau ]]> rồi dán code HTML tiếp theo luu lại rồi nhưng không thấy có gì sảy ra, không biết thao tác vầy đã đúng chưa, chỉ giúp mình với.

    Trả lờiXóa
    Trả lời
    1. Mình đã cập nhật lại bài viết. Do nó nhận tự động mã HTML nên bài viết có chút lỗi bạn nhé

      Xóa
  2. bạn ơi cho mình hỏi tìm đến chỗ nào để dán code html vậy?
    thankyou

    Trả lờiXóa
    Trả lời
    1. Nếu Blogger bạn có thể thêm nhanh vào Tiện ích (Widget) HTML/Javascript hoặc có thể vào mẫu - chỉnh sửa HTML và dán nó trước thẻ đóng /BODY nhé

      Xóa