Code tạo banner widget trượt giống quảng cáo Admicro cho blogger

Bạn là 1 webmaster có website hay blog mà bạn muốn kiếm tiền từ nó. Có rất nhiều nhà mạng cung cấp quảng cáo ở Việt Nam và thế giới như Google Adsense, Bidvertiser...Để mạng lại hiệu quả cao nhất chúng ta nên đặt các quảng cáo cho phù hợp thứ nhất là không mất lượng khách truy cập thứ 2 là mang lại hiệu suất cao khi đặt quảng cáo kiếm tiền

Bài viết này chia sẻ với mọi người code để tạo ra một banner quảng cáo widget trượt dọc từ trên xuống khi bạn rê chuột thì nó chạy theo nhìn website blog của bạn đẹp mắt hơn và che lấp đi các khoảng trống xấu xí trên website

- Các bước thực hiện

Demo các bạn có thể xem ngay trên blog của mình

1/ Đầu tiên đăng nhập vào blogger >> Mẫu (Template) >> Chỉnh sửa HTML (Edit HTML)

Tiếp theo hãy nhấp Ctrl + F tìm thẻ </head>

Và chèn đoạn Javascript này lên phía trên </head>

<script src="http://bachkhoamedia.googlecode.com/files/jquery.min.js" type="text/javascript"></script>

2/ Vào bố cục (Layout) >> Thêm tiện ích (Add widget) copy và paste code này vào

<style type='text/css'>

#floatDivWrapper {font-size:11px}

#floatDiv.fixed {position:fixed;top:30px}

</style>

<script type='text/javascript'>//<![CDATA[

$(document).ready(function(){var documentHeight=$(document).height();if(documentHeight>2500){

//$("#floatDivWrapper").css('position','fixed');$("#floatDiv").css({'position':'fixed','top':30});

var bottomHeight=1200;var msie6=$.browser=='msie'&&$.browser.version<7;if(!msie6){var top=$('#floatDiv').offset().top-parseFloat($('#floatDiv').css('margin-top').replace(/auto/,0));$(window).scroll(function(event){var y=$(this).scrollTop();if(y>=top&&y<=(documentHeight-bottomHeight)){$('#floatDiv').addClass('fixed')}else{$('#floatDiv').removeClass('fixed')}})}}});

//]]></script>

<script type='text/javascript'>//<![CDATA[

var s=true;function doBlink(){$('.blink').css('display',function(index,val){s=!s;return (s)?'block':'none';})}

$(document).ready(function() {setInterval("doBlink()",0)});

//]]></script>

<div class='widget HTML' id='floatDiv'>

Nội dung quảng cáo

</div>

Cưới cùng lưu lại và xem kết quả nhé chúc thành công