lam chia khoa oto

Code quảng cáo chạy dọc khi kéo chuột

Code Java Script để quảng cáo chạy dọc khi kéo chuột cho Blogspot. Quảng cáo sẽ chạy theo cửa sổ trình duyệt khi kéo chuột, khi quảng cáo chạm Footer của trang thì dừng lại.

Nếu bạn muốn sử dụng code quang cao chay doc 2 ben website thì sử dụng tương tự nhưng bây giờ ta để 2 banner 2 bên thay vì 1 banner.

Chúng ta sử dụng code này:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script>
var $stickyHeight = 250;
var $padding = 0;
var $topOffset = 810;
var $bottomOffset = 300;
var $footerHeight = 100 
;
/* <![CDATA[ */
function scrollSticky(){
if($(window).height() >= $stickyHeight) {
var aOffset = $('#sticky').offset();
if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {
var $paddingtop = $bottomOffset - $stickyHeight - $footerHeight - $padding;
$('#sticky').attr('style', 'position:relative; padding-top:'+$paddingtop+'px;');
}else if($(window).scrollTop() + $padding > $topOffset) {
$('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;');
}else{
$('#sticky').attr('style', 'position:relative;');
}
}
}
$(window).scroll(function(){
scrollSticky();
});
/* ]]> */
</script>
Chú ý: Các bạn cần chú ý các phần sau

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> //nếu web,blog của bạn có rồi thì có thể bỏ đi.(nếu ko chạy dc các bản cũng thử xóa cái này đi)
var $bottomOffset = 250 // điểm dừng của quảng cáo var $stickyHeight = 460; // chiều cao của banner quảng cáo
var $padding = 5; // 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 = 180; // Định vị điểm dừng của banner, tính từ chân lên

Nếu sử dụng code bị lỗi khi kéo chuột quảng cáo chạy giật, hoặc chiều cao của trang thay đổi chạy dài ra thì các bạn chú ý ở các giá trị: $stickyHeight và $footerheight vì nếu bạn dùng giá trị lớn hơn giá trị đúng của nó thì đoạn code
$('#sticky').attr('style', 'position:relative; padding-top:'+$paddingtop+'px;');
làm cho giá trị chiều cao của cả trang tăng lên. Do đó sẽ chạy sai.
Cách để sửa là bạn lấy giá trị sao cho tổng ( $stickHeight + $footerHeight ) nhỏ, sau đó tăng dần lên đến khi thấy hợp lý thì xong, kết hợp tăng giá trị $padding để có quảng cáo cân xứng, đẹp.

Có thể thay thế đoạn code var $paddingtop = $bottomOffset - $stickyHeight - $footerHeight - $padding; bằng $('#sticky').attr('style', 'position:relative; padding-top:'+$paddingtop+'px;'); nếu bạn không muốn xác định được điểm dừng cho quảng cáo, mà để nó chạy tới Footer.


Cách sửa dụng:

Bước 1: Đăng nhập blogspot => Mẫu(Template) ==> Chỉnh sửa HTML

Bước 2: Tìm thẻ đóng </head> rồi thêm đoạn code ở trên lên trên nó như thế này
 .......
đoạn code
</head>

Rồi lưu lại.

Bước 3: Các bạn vào phần Bố Cục (Layout) => Thêm tiện ích HTML/Javascipt

Chú ý phần thê này các bạn phải thêm đúng chỗ nhé. Thường nó sẽ thêm vào phần thanh phên phải hoặc bên trái kiểu như giống blog của mình

Các bạn đặt tên tiện ích và thêm code dưới đây vào


<div id="sticky">
<img src="Link ảnh của bạn" width="240px" />
</div>

Nếu bạn không muốn nó hiển thị ảnh không thôi thì lấy code sau


<div id="sticky">
Code quảng cáo của bạn
</div>
Share on Google Plus

About Sửa Khóa

Cửa hàng chìa khóa - chuyên sỉ, lẻ chìa khóa các loại: chìa khóa cơ mở cửa cổng, cửa nhà, khóa tủ; chìa khóa xe máy các loại; chìa khóa xe ô tô, remote, chìa khóa thông minh. Ngoài ra cửa hàng cung cấp dịch vụ sửa khóa nhanh, làm chìa tận nơi, tuy tín, giá mềm, phải chăng. Dịch vụ khóa giá mềm cực kỳ, hiệu quả tức thì.
    Lời Nhắn Gg+
    Lời Nhắn FB

0 nhận xét:

Đăng nhận xét