Code Tạo Widget Quảng Cáo Chạy Dọc Trên Blogger

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, chia sẻ với các bạn Code tạo quảng cáo chạy dọc 2 bên blogger. 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 trong phần LIÊN KẾT HAY nằm bên tay phải của site PhanMem3S.

Bài viết bạn có thể quan tâm khác: Code tạo banner quảng cáo chạy dọc 2 bên blogger.

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 CRT 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 Tạo Widget Quảng Cáo Chạy Dọc Trên Blogger:

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 = 460;
var $padding = 5;
var $topOffset = 2500;
var $footerHeight = 180;
/* <![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 chính là đoạn bôi xanh ở đoạn CODE vừa coppy:

• <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 3: 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 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>

Hoặc sử dụng đoạn Code bên dưới khi thêm quảng cáo:

<div id="sticky">
CODE QUẢNG CÁO CỦA BẠN
</div>

Rồi lưu lại.

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

Chia sẻ trên Google Plus +1

About Unknown