Membuat Iklan Melayang(satu Klik Tutup)

 Iklan melayang membantu kita dalam promosi sesuatu,mulai dari promo page sampai iklan,terkadang kita berhasil dan terkadang widget yang kita pasang berat dan susah untuk ditutup,sehingga menyusahkan bagi blog kita,
 Tak usah kwatir disini kita akan membahas widget tersebut,membuatnya menjadi ringan dan satu kliktertutup,tak mencolok dan cocok untuk desaign blog apa saja,perhatikan contoh gambar dibawah

Silahkan copy kode HTML dibawah dan tempatkan disalah satu widget HTML anda,

<style type="text/css"> #topbar{ position:absolute; left:9px; border: 2px red; padding: 2px; background-color: #FFFFFF; width: 300px; visibility: hidden; z-index: 100; } </style> <br /> <br /> <script type="text/javascript"> var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 30 //set x offset of bar in pixels var startY = 5 //set y offset of bar in pixels var verticalpos="fromtop" //enter "fromtop" or "frombottom" function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> <br /> <br /> <div class="clear"></div><div id="topbar"><a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>Tutup</button></span></a><a style="font-weight: bold; color: black(51, 255, 51);"> <br /> </a><p><a style="font-weight: bold; color: black(51, 255, 51);" title=""></a> <br /> <br /> <br /> </p><center><table style="width: 300px; height: 50px;" border="0"><tbody><tr><td style="vertical-align: top;"> <br /> <center><strong style="color: rgb(102, 173, 61);"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcob22.sbb&width=292&height=290&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=219420928111574" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe><br /> </strong></center> <br /> </td><td style="vertical-align: top;"> <br /> <br /> </td></tr></tbody></table><a style="font-weight: bold; color: black(51, 255, 51);"> Pasang Iklan<br /> </a><p><a style="font-weight: bold; color: black(51, 255, 51);">TERTARIK UNTUK PASANG IKLAN DI BLOG INI ?-</a><a href="http://cob22.blogspot.com/2012/02/pasang-iklan.html">KLIK DISINI</a> <br /> <p></p><p></p></p></center></div>

Catatan:Untuk mengganti/edit ikan tesebut silahkan cari code berikut menggunakan Ctrl + F

<td style="vertical-align: top;">
<center><strong style="color: rgb(102, 173, 61);">

Silahkan Paste kode iklan tepat dibawah iklan tersebut,dan untuk mengubah warna background silahkan cari

#topbar{
position:absolute;
left:9px;
border: 2px red;
padding: 2px;
background-color: #FFFFFF;
width: 300px;
visibility: hidden;
z-index: 100;
}

Ada pertanyaan?
Saya akan menjawabnya semampu saya