How to add a fixed Banner at the bottom of your Blogger blog

 In this tutorial we will see how to add a fixed banner at the bottom of you site, the banner can be either Adsense ads or an affiliate banner.

From Blogger dashboard go to Layout panel, then add a gadget of "Html JavaScript" type.

In the gadget content past the code bellow, replace "Your Ads here" with the code of your banner.

<script type='text/javascript'> $(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});}); </script> <div id='fixedban' style='max-height:105px;width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;left:0;z-index:999;'> <div><a id='close-fixedban' onclick='document.getElementById('fixedban').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' style='vertical-align:middle;' title='close button'/></a></div> <div style='text-align:center;display:block;max-width:970px;max-height:90px;overflow:hidden;margin:auto'> <!-- banner 970 --> "Your Ads here" </div> </div>

That's all, see you in a next tip.