Cố định quảng cáo khi lăn chuột và dừng lại ở sidebar cho website/blogspot

Cố định quảng cáo khi lăn chuột và dừng lại ở sidebar cho website/blogger hoặc diễn đàn là phương pháp rất hay. Các bạn hoàn toàn có thể làm được. Mục đích chính là che lấp đi phần trống cho trang web hay blog của bạn 

Với kiểu trượt này thì vị trí quảng cáo sẽ có giá trị hơn và tận dụng tối đa khoảng trống trên website để quảng cáo




Cố định quảng cáo khi lăn chuột và dừng lại ở sidebar cho website/blogger hoặc diễn đàn





Bài này mình hướng dẫn cho các bạn làm việc với blogger nhé. còn website hay diễn đàn cũng tương tự thui ah. bởi css mình gắn hết vào thuộc tính thẻ rồi , Công việc của các bạn chỉ cần copy thôi


Các bạn vào Mẫu --> Chỉnh Sửa HTML nhé

Paste đoạn code sau thẻ <body> nha .




<script>
var $stickyHeight = 400; // chiều cao của banner quảng cáo 
var $padding = 0; // khoảng cách top của banner khi dính  
var $topOffset = 2500; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner ) 
var $footerHeight = 430; // Định vị điểm dừng của banner, tính từ chân lên 
/* <![CDATA[ */ 
function scrollSticky(){ if($(window).height() >= $stickyHeight) { 
var aOffset = $('#HTML5').offset(); 
if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {
 var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185; $('#HTML5').attr('style', 'position:absolute; top:'+$top+'px;'); 
}else if($(window).scrollTop() + $padding > $topOffset) { $('#HTML5').attr('style', 'position:fixed; top:'+$padding+'px;'); }else{ $('#HTML5').attr('style', 'position:relative;'); 
} } }
 $(window).scroll(function(){ scrollSticky(); }); 
/* ]]> */
 </script> 


Các bạn chú ý phần chữ màu nhé

Phần màu cam các bạn thay bằng id của sidebar của các bạn nhé
Phần màu đỏ các con số bên cạnh nó các bạn chỉnh sửa thông số cho phù hợp nhé

Chúc các bạn thành công !
Mọi thắc mắc vui lòng Email Hoặc comment bên dưới nhé
Thân chào các bạn

Bình Luận Của Bạn

vungve.com không chấp nhận bình luận thiếu văn hóa

Mới hơn Cũ hơn