HOT !!!Hiện Tại HungCoder.Com Đang Phát Hành Trang Chat Miễn Phí Cho Mọi Người Giao Đỗi Thông Tin Với Nhau.Click Here

Thứ Hai, tháng 4 30, 2018

TẠO QUẢNG CÁO DẠNG NỔI, CÓ NÚT ĐÓNG, THIẾT KẾ RESPONSIVE Ở CHÂN TRANG CHO BLOGGER/BLOGSPOT

Bạn đã bao giờ nhìn thấy một banner quảng cáo lơ lửng dưới trang web? Bây giờ chúng ta sẽ tạo ra các quảng cáo dạng nổi trong chân trang của blog nhé. Khi mở blog, banner quảng cáo sẽ ngay lập tức xuất hiện trong chân trang của blog và tiếp tục hiện khi bạn kéo thanh scrollbar lên xuống. Có một nút đóng để tắt cho những người không thích quảng cáo.


Tạo quảng cáo dạng nổi có nút đóng thiết kế responsive ở chân trang cho Blogger/Blogspot

Rất đơn giản bạn chỉ cần vào Bố cục >> thêm tiện ích HTML/JavaScript và thêm vào dòng code bên dưới.

<!-- ADS FOOTER  BY IRIS-TIPS.BLOGSPOT.COM-->
<script type='text/javascript'>
$(document).ready(function() {
$('img#closedb').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 80%;
opacity: 0.9;
left: 10%;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 17%; z-index: 9999;'>
<div style='text-align: right; width: 100%; height:5px;'>
<img id='closedb' src='http://3.bp.blogspot.com/-dE7CbJGhslo/VQgSh8QvQhI/AAAAAAAAEx0/gV6f5v_uRXo/s1600/exit.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- ADVERTISING CODE -->


ADVERTISING CODE HERE


<!-- ADVERTISING CODE -->
</center></p>
</p>
</div>
<!-- ADS FOOTER  BY IRIS-TIPS.BLOGSPOT.COM-->

Điều chỉnh width: 80%; left: 10%; opacity: 0.9; (độ trong suốt của banner, chọn 1 nếu không muốn trong suốt); height: 17%; cho phù hợp với website của bạn.

DEMO TẠI TRANG BÀI VIẾT NÀY.

Nguồn: IRIS-TIPS

4 nhận xét

  1. tạo quảng cáo này có đc tiền k a

    Trả lờiXóa
    Trả lời
    1. Tại chủ yếu để cho nó hiển thị thôi e. Chứ còn vào mạng quảng cáo mà e đk nữa chứ :)

      Xóa
    2. a ra bài cách kiếm tiền từ blogger đi a

      Xóa
    3. cái này thì tùy vào lượt truy cập của ng dùng vào blog như thế nào thôi e ạ, như hồi xưa có rất nhiều blog tốt mà ít ng treo quảng cáo kiếm tiền e ạ, mà có treo cũng treo của a GOOGLE thôi :)) mà tài khoản Google adsense đó khó đăng ký quá nên đăng ký đc thì đa phần toàn bán :v may ra lợi hơn e ạ

      Mà a thấy bữa này có nhiều trang rút gọn link ấy, e chia sẽ cái gì thì chỉ cần gắn link rút gọn kiếm tiền vào là cũng ok rồi đó e ạ

      Xóa

Monetize your website traffic with yX Media