Tạo banner đính trượt cho Blog

Trên các trang Web người ta hay đặt các Banner rất "bắt mắt" và "sinh động" để quảng cáo cho một sản phẩm hoặc một trang Web bất kỳ nào đó. Để làm được các banner này, bạn phải có các phần mềm để làm Banner, rồi sau khi đã hoàn thành, bạn phải up nó lên host riêng của mình, rồi tìm code để add link đó vào và dán lên Web/Blog...
Tôi xin chia sẻ với các bạn một một cách đơn giản cự kỳ dễ làm.
 

Một thủ thuật có thể tạo banner đính trược cho blog hay một mẫu quảng cáo ở trình duyệt khi bạn cuộn scrollbar chuột trên trang bloghay web. Khi độ dài của trang bài viết dài hơn cột sidebar thì khi đó bạn cuộn chuột xuống đến mẫu quảng cáo đó thì chúng sẽ được dính lại ở trình duyệt. Như vậy chắc bạn đã hình dung được phần nào về công dụng của thủ thuật này.

Tạo banner đính trược cho Blog

1. Vào Thiết kế > Phần tử trang ở blog của bạn
2. Tạo một widget HTML\JavaScripts và dán vào đoạn code bên dưới 


<style>
#sticky {
 height:435px; /* chiều cao của banner quảng cáo*/
 width:270px; /* độ rộng của banner quảng cáo*/
 position:relative;
}
</style>
<script type="text/javascript" src="https://dl.dropbox.com/u/74775294/Filejs/Jquery1.3.2.js"></script>
<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 = 1700; // 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
/* <![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>
<div id="sticky">
code Quảng cáo của bạn
</div>
 

Trên đây là bài viết Tạo banner đính trượt cho Blog bạn có thể tìm hiểu thêm các bài viết về hướng dẫn sử dụng blogspot khác tại www.quangcaotop.com 

 Số điện thoại tư vấn dịch vụ Seo 0984.966.806 

Dịch vụ SEO uy tín

Dịch vụ SEO

Tam Nguyên nhận SEO tổng thể website, SEO từ khóa, quảng cáo Google Adwords giá rẻ, tăng like facebook.

Nếu bạn đang tìm đối tác marketing website, marketing thương hiệu vui lòng liên lạc với chúng tôi theo số 0984 966 806.

Nhận trọn gói thiết kế website chuẩn SEO, SEO tổng thể toàn website lên top Goole.

Liên hệ: 0984 966 806

Đối tác thanh toán Onepay Đối tác thanh toán Onepay Đối tác quảng cáo Google Đối tác Facebook Đối tác Amazon Công ty thiết kế website Tam Nguyên