Code quảng cáo chạy dọc khi kéo chuột cho Blogspot website.Code quảng cáo chạy theo khi kéo chuột xuống phía dưới.Code quảng cáo ban đầu nó sẽ cố định một chỗ, sau khi kéo chuột xuống một khoảng nhất định thì nó trượt theo, khi kéo chuột lên thì tới điểm dừng là nó ko theo nữa


Hôm nay mình xin chia sẻ với các bạn Code quảng cáo chạy dọc khi kéo chuột cho web -Blogspot. Nó chạy như thế nào các bạn có thể thấy demo này tại trên blog này phần quảng cáo thời trang bên phải
Xem demo ứng dụng quảng cáo đứng yên tại Timmeovat.com
Bài viết bạn có thể quan tâm khác: Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot

Code quảng cáo ban đầu nó sẽ cố định một chỗ, sau khi kéo chuột xuống một khoảng nhất định thì nó trượt theo, khi kéo chuột lên thì tới điểm dừng là nó ko theo nữa . Giúp ích rất nhiều cho việc tăng click vào quảng cáo trên web ,blog của bạn còn sau đây cùng xem cách làm ra sao nhé

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

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 dưới lên trên nó


<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 $footerHeight = 100;
/* <![CDATA[ */
function scrollSticky(){
if($(window).height() >= $stickyHeight) {
var aOffset = $('#sticky').offset();
if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {
var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185;
$('#sticky').attr('style', 'position:absolute; top:'+$top+'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>


Rồi lưu lại.

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)
<script>
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


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>
Sưu tầm từ Bittuot.blogspot.com

10 nhận xét:

  1. Máy nước nóng chính hãng giá tốt nhất tại Quận Tân Bình, TPHCM
    keyword: May nuoc nong

    ReplyDelete
  2. - Bán quạt điện chính hãng, quạt điện giá tốt tại TPHCM:
    Chit tiết: Quat dien
    - Bán máy bơm, các loại máy bơm nước chính hãng giá tốt:
    Chit tiết: May bom nuoc
    - Bán máy lạnh, các loại máy lạnh, tủ lạnh, máy giặt nước chính hãng giá tốt:
    Chit tiết: May lanh
    - Bán máy khoan, các loại máy khoan chính hãng giá tốt:
    Chit tiết: May khoan

    ReplyDelete
  3. Ố ồ mình đang cần loại code như thế này. Cám ơn ad đã chia sẻ nhé.
    ------------------------------------
    Truyền hình số HD - Xem tivi hơn 50 kênh miễn phí thuê bao tháng.
    Chuyên phân phối: Dau thu DVB T2 chính hãng VTV, VTC, LTP...
    Đầu thu nhiều người quan tâm: Dau thu DVB T2 VTC T201

    ReplyDelete
  4. mình làm trang http://www.nhadatgiaodich.net/ mà cái banner nó không tự đi theo chuột, bạn hỗ trợ giúp mình được không ?

    ReplyDelete
    Replies
    1. ok bạn có thể inbox mình qua skype mình hổ trợ cho.

      Delete

 
Top