Add a floating adds at the top and bottom of blogspot and word press

 For Blogspot or bloggar
1) Go to design 
2)Then click layout 
3)Then click Add a gadget 
4)than click HTML/JAVASCRIPT
5)Paste the following code yellow code for bottom and green code for top of blog chose any
6)Paste a code in the section html code somewhere you find inside the below code
7)then click save ...yoour are done

 Floating add for bottom of the page

<!-- FOOTER IKLAN -->
<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>
<!-- FOOTER IKLAN -->

 Floating add for top of the page

 <style>
#Freewidget4ufloatads {
background: #333333 url('..');
background-repeat:repeat-x;
text-align:right;
padding-top:4px;
}
#freewidget4uadsbase{
height:600;
margin:0auto;
width:auto;
background:#fff;
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
text-align:center;
padding:4px;
}
#freewidget4uadsheadline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:-20px;
left:10px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("freewidget4uadsheadline").style.display = 'none';
}
function link()
{
window.open('http://engineeringfourum.blogspot.com/2014/08/add-floating-adds-at-top-and-bottom-of.html', 'newwindow', 'width=600, height=400'); return false;
}
</script>
<div id="freewidget4uadsheadline">
<div id="Freewidget4ufloatads">
<div id="freewidget4uadsbase">
<br />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span> <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a onclick="getValue(),link()">close(x)</a></span>

<!-- PASTE HTML/JAVASCRIPT ADS HERE -->




<!-- PASTE HTML/JAVASCRIPT ADS HERE -->

</div>
</div>
</div>