Banner trượt 2 bên cho Blogspot

Labels Thủ Thuật Blogpot

Code banner trượt 2 bên cho blogspot

Bước 1:  Đăng nhập vào Blog
Bước 2: Vào bố cục (Layout)
Bước 3: Chọn Thêm tiện ích (add widget)
Bước 4: Tạo một widget HTML\Javascripts và chèn vào đoạn code bên dưới :
<div id="left_ads_float"> <a href="#" target="_blank"><img border="0" src="http://i.imgur.com/Px7Nirx.png" width="120" /></a> </div> <div id="right_ads_float"> <a href="#" target="_blank"><img border="0" src="http://i.imgur.com/Px7Nirx.png" width="120" /></a> </div> <style> #left_ads_float { bottom:24px; left: 10px; position:fixed; } #right_ads_float { bottom:24px; right: 10px; position:fixed; } </style> <script> var vtlai_remove_fads=false; function vtlai_check_adswidth() { if(vtlai_remove_fads) { document.getElementById('left_ads_float').style.display='none'; document.getElementById('right_ads_float').style.display='none'; return; }else if(document.cookie.indexOf('vtlai_remove_float_ads')!=-1) { vtlai_remove_fads=true; vtlai_check_adswidth(); return; } else { var lwidth=parseInt(document.body.clientWidth); if(lwidth<1110) { document.getElementById('left_ads_float').style.display='none'; document.getElementById('right_ads_float').style.display='none'; } else { document.getElementById('left_ads_float').style.display='block'; document.getElementById('right_ads_float').style.display='block'; } setTimeout('vtlai_check_adswidth()',10); } } </script>