Code quảng cáo chạy dọc khi cuộn chuột cho blogspot

Trong bài viết này mình sẽ hướng dẫn các bạn Cách tạo code quảng cáo chạy dọc khi cuộn chuột cho blogspot, giống như trang Blog mình đang sử dụng vậy.


kích hoạt bản quyền windows 7

Mô tả: Code quảng cáo ban đầu nó sẽ cố định một chỗ, sau khi chúng ta kéo chuột xuống theo bài viết 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.

Mục đích: 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.


Hướng dẫn cách tạo code quảng cáo chạy dọc khi cuộn chuột cho blogspot:


Bước 1:// Đăng nhập Blogspot >> Chủ đề(Template) >> Tùy chỉnh >> Chỉnh sửa HTML.

- Copy đoạn code bên dưới và thêm nó vào trước thẻ </head> sau đó Lưu lại.

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


 Sau khi thêm đoạn code xong thì chúng ta nhấn Lưu để lưu mã lại.

Chúng ta sẽ có một số thay đổi để phù hợp với trang Blog của các bạn như 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 $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 2:// Các bạn vào phần Bố Cục (Layout) >> Thêm tiện ích HTML/Javascipt 

Chú ý phần thêm này các bạn phải thêm đúng chỗ nhé. Thường nó sẽ thêm vào phần sidebar trái hoặc phải. 

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

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


Chúc các bạn thành công!

0 Comments