How To Easily And Parktis Make Floating Ads

Now I just wanted to share a little about how easy and practical to create ads floating on the blog.


Here are the steps:

     The first step obviously must login to your blogger account
     Create a new Widget (Select that Javascript yes) in the sidebar and then enter the code below into the box the new widget:

     <p> <center> <a href='http://goo.gl/TEZZ9' rel='nofollow' target='_blank'> <imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVlQpOPXWQrl0-RzFgUWLII5Ua9UVyVR2n9Zr_92748ezkcmCqa1gwew3-JHbg6g1hioKtADGw2DuVMRfFPFRt0IEEf1LSkdnQDX6rToIovI4qlyqs7H3kobIcSgmNk68CmQaE-FNXqB-1/s1600/recognition-abenetworkweb.gif'/></a></center></p>


     <style type = "text / css">
     #gb {
     position: fixed;
     top: 0px;
     z-index: +1000;
     }
     * Html #gb {position: relative;}


     .gbcontent {
     float: right;
     border: 2px solid # 000000;
     background: # 333;
     padding: 10px;
     }
     </ style>

     <script type = "text / javascript">
     showHideGB function () {
     var gb = document.getElementById ("GB");
     var w = gb.offsetWidth;
     gb.opened? moveGB (0, 30-w): moveGB (20-w, 0);
     gb.opened =! gb.opened;
     }
     moveGB function (x0, xf) {
     var gb = document.getElementById ("GB");
     var dx = Math.abs (x0-xf)> 10? 5: 1;
     var dir = xf> x0? 1: -1;
     var x = x0 + dx * dir;
     gb.style.top = x.toString () + "px";
     if (x0! = xf) {setTimeout ("moveGB (" + x + "," + xf + ")", 10);}
     }
     </ script>

     <div id = "GB">

     <div class = "gbtab" onclick = "showHideGB ()"> </ div>

     <div class = "gbcontent">

     <div style = "text-align: right">
     <a href="javascript:showHideGB()">
     .: <imgsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDJjH7SE6R3fQQVuA949m56VScLJvXmbXuwCwJ_qwwvcGOuOEMu3f3J4Jmw015MkAxjz-vYQNhYQN6hE4_9scB0PVkFhQeSElB6x9Nhg2Lc3JVuGmM5gvY2Od-iDM85XFqEa9vNPSAp9RD/" title = "that appears, click again" alt = "caps" /> :.
     </a>
     </ div>
     <center>

     [INPUT CODE YOUR AD HERE]

     </ center>

     <script type = "text / javascript">
     var gb = document.getElementById ("GB");
     gb.style.center = (30-gb.offsetWidth) .ToString () + "px";
     </ script> </ div> </ div>

     Then Save / Save. It'S Done.

** To set the display as the background, height, border, you can edit the red writing.

That's an easy and practical way to create ads drift, may be useful.