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
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(); });
/* ]]> */
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
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
Đăng nhận xét
vungve.com không chấp nhận bình luận thiếu văn hóa