Cara Membuat LikeBox Melayang Seperti Iklan di Blog

Kali ini saya akan membahas tentang cara membuat iklan melayang di blog.

langsung saja di bawah ini :

1. Login Bloger
2. Pilih rancangan.
3. Klik tambah gadget.
4.Pilih HTML/JavaScript.
5. Masukkan kode di bawah ini : 

<script type="text/javascript"><!-- var persistclose=0 var startX = 100 var startY = 100 var verticalpos="fromtop" 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> <style type="text/css"><!-- #topbar{position:absolute;width: 340px;visibility: hidden;z-index: 100;border: 1px solid #bdccdc;padding: 5px; background-color: #fff; -moz-border-radius:5px; font: 11px Tahoma, arial, Verdana, sans-serif; line-height:16px;} .tolbarclose {cursor:default;} --></style> <div id="topbar"> <div class="iklankotak1" style="padding:0 0 5px 5px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding:5px 0 5px 3px;" valign="top" width="50%"> <span style="font-size:14px; font-weight:bold;">Klik >> Like << Ya...!!! </span> </td> <td align="right" style="padding:0;" valign="top" width="50%"> <a class="tolbarclose" href="#" onclick="closebar(); return false" rel="nofollow"><img alt="close" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEL9p6eb6bYaSYKmOCTxm_9mt8TIInooQ5VBSlVgkQnrAJgJZHNO-hmUHgsWCt1KaEJl7lxUJgredQFWwO-YzC2SS2g6-so-vq3ISjykcuJ04ijbKNsezumMrSK9JbD7Ga-7OMaMawWKQ/?imgmax=800" />Close</a> </td> </tr> <tr> <td colspan="2" valign="top"> <!-- Isi Widget melayang --> Masukan KODE Iklan / Follower / Fan page ANDA DISINI.....!!! <!-- Isi Widget melayang --> </td></tr> </table> </div> </div>  

Keterangan :
Ganti kode yang berwarna "merah" dengan kode iklan maupun likebox sobat.

6. Silahkan Simpan dan lihat hasilnya.

semoga bermanfaat.... :)