MyBacklink86 - Have you ever seen a banner ad hovering under the webpage? Now we will learn to create ads float or drift in the footer of the blog. When an open blog, banner ads will immediately appear in footer of the blog and continue to follow the current discroll down. There is a close button or exit to eliminate those who do not want ads.
Blog is a blog that potential visitors can advertise crowded, because the potential to be clicked and generate dollars. Ads in the footer of this drift can maximize revenue from the blog. How to create an ad floating in the footer of the blog is also easy, no need to edit the blog template. Interested to try it?
How to Make Floating Ads in Blog Footer
1. Log into blog account
2. Select Layout and then Add a Gadget
3. Choose HTML / JavaScript
4. Enter the following HTML code:
<!-- START FOOTER ADS -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 67px; z-index: 9999;'>
<div style='text-align: right; width: 983px; height: 15px;'>
<img id='closed' src='http://3.bp.blogspot.com/-FJbBxXlFzSM/UChDqaGbcMI/AAAAAAAACPA/Lc4uhFU639c
/s320/exit.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- ADVERTISING CODE -->
ADVERTISING CODE HERE
<!-- ADVERTISING CODE -->
</center></p>
</p>
</div>
<!-- END FOOTER ADS -->5. Save
You can edit it yourself to adjust to the size of the banner and advertising code, the color red is the code that you can replace. Once installed, the banner ads will appear in the footer of the blog, do not worry, this ad is no close or exit option so not overly disturb readers.
