How to easily create ads floating on a blog with a close button

Do you see the ads appear to float on this blog ?? This is what I mean by floating ad. The surplus saving space on blogs and web pages that makes a very attractive advertising floated the web and blog owners. For your personal blog advertising publisher should 
give it a try. But for the master who had already know it's okay, no need to read this article to finish. 
Many who make the ad script is so long, but among it all I tried to choose simple for you. Please follow the steps ..

1. Mandatory login on your blog 
2. Open the menu design, add widgets HTML / Javascript and copy-paste the following script: 

<A onblur = "try {parent.
deselectBloggerImageGracefully ();} catch (e) {} "href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-JDaiB7st_bbOx9k062lECBAnQ9TvSKKAC68T3kPV8xvxyPcKrd7FFHdrfG6MS9aunBkW9JcJyEklrQIlaDXFLg_40IJxd821KU1Hgvpqe508s-JZKiYdZEm2ErIU2Sss-DNoU-dcDs/s1600-h/Widget.JPG"><img style = "margin: 0px auto 10px; display: block;text-align: center; cursor: pointer; width: 400 px; height: 300 px; "src =" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-JDaiB7st_bbOx9k062lECBAnQ9TvSKKAC68T3kPV8xvxyPcKrd7FFHdrfG6MS9aunBkW9JcJyEklrQIlaDXFLg_40IJxd821KU1Hgvpqe508s-JZKiYdZEm2ErIU2Sss-DNoU-dcDs/s400/Widget.JPG "alt =" "id =" BLOGGER_PHOTO_ID_5433478876639914642 "border =" 0 "/> </a>


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

.gbcontent {
float: right;
border: 2px solid # A5BD51;
background: # FFFFFF;
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()">
.: [Close] [Click 2x] :.
</a>
</ Div>
<Center>

Enter the code in the ad or image that you want here

</ Center>

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

3. Remember, for a code blue simply replaced with your ad code
4. Then SAVE and see the results. Good luck..