Cara membuat banner melayang

Banner melayang bekerja pada blogger

Langsung tambah widget

masukan kode dibawah ini lalu save selesai

|||  <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: 90px; z-index: 9999;'>
<div style='text-align: right; width: 160px; height:600px;'>
<img id='closed'

src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0eIJ1OchtDoaTRHzShC6Qu4BvJe2mSKC3oGUSI7TFkdiXWyF1tPwBMLMtyZna6SjvNVFImmdhJ_zscPb4yUp4EbLnx8T3TcpWYI_LV4C6hxCn7V8QDWy1jWnS8m4FGqL9cpepALNaSWVC/s1600/clos

e-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://seratour.com" target=" blank"><img

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOmHKalf8MTZnZH-ep-DqVlBIJJVUvH1yswyznM29NiXUflJHdfZCW9_vDS1zQZBRdblMjAIAc_F87LngIT5A_hSS7MSmtleCoMgqV2OumWN5dgV7yzp-bLSahudMU-wlDwjqAjeVl_Pn/s1600/banne

r+pesen+motor.png" /></a>
</center></p>
</p><script type='text/javascript'>
    $(document).ready(function() {
    $('img#closed').click(function(){
    $('#btm_banner').hide(90);
    });
    });
    </script>

    <script type="text/javascript">var

a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var

d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return

0<=e[1].search(g)?null:d+f;default:return

null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera

Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
    </script><script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script>

    <!--start: floating ads-->
    <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed;

top:0px;left:0px;">

    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display =

'none';" style="cursor:pointer;"><center><img

src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIutYC3eomRpRh4EpFqNdLyesuEq3eGR96ba2SoJYV90s7ysNsZblUrTmMPzcldlyCKtt4tmaI0iRwR9e7JeyvZyftKcmFVTXFx_vzbV27dM3h1whDbuZunWX1Vp4GCT3EDDbMYBU82N3H/s1600/PhoXo

2.png'/></center></a></div>
    <!--Mulai-->
    <a target="_blank" href="http://seratour.com"><img

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOmHKalf8MTZnZH-ep-DqVlBIJJVUvH1yswyznM29NiXUflJHdfZCW9_vDS1zQZBRdblMjAIAc_F87LngIT5A_hSS7MSmtleCoMgqV2OumWN5dgV7yzp-bLSahudMU-wlDwjqAjeVl_Pn/s1600/banne

r+pesen+motor.png" border="0" alt="Iklan Melayang" /></a>
    <!--Akhir-->
    </div>
    <!--end: floating ads-->
    <!--start: floating ads-->
    <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed;

top:0px;right:0px;">

    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display =

'none';" style="cursor:pointer;"><center><img

src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIutYC3eomRpRh4EpFqNdLyesuEq3eGR96ba2SoJYV90s7ysNsZblUrTmMPzcldlyCKtt4tmaI0iRwR9e7JeyvZyftKcmFVTXFx_vzbV27dM3h1whDbuZunWX1Vp4GCT3EDDbMYBU82N3H/s1600/PhoXo

2.png'/></center></a></div>

    <!--Mulai-->
<a target="_blank" href="http://seratour.com"><img

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOmHKalf8MTZnZH-ep-DqVlBIJJVUvH1yswyznM29NiXUflJHdfZCW9_vDS1zQZBRdblMjAIAc_F87LngIT5A_hSS7MSmtleCoMgqV2OumWN5dgV7yzp-bLSahudMU-wlDwjqAjeVl_Pn/s1600/banne

r+pesen+motor.png" border="0" alt="Iklan Melayang" /></a>
    <!--Akhir-->

    </div>
    <!--end: floating ads-->  |||