Cara Membuat Kotak Melayang

Pada postingan yang ke-17 ini, saya akan berbagi Cara Membuat Kotak Melayang
Fungsinya apa?
Biasanya pada kebanyakan orang di gunakan untuk menampilkan sesuatu yang lebih penting sebelum visitor melihat pada halaman yang dituju
Misalnya Like Box pada facebook, tweet pada twitter, dan lain-lainnya
Namun tidak sedikit orang yang memanfaatkannya sebagai penampil iklan, sehingga banyak visitor yang terjebak, dikiranya kotak melayang tersebut adalah halaman yang dituju.
Nah bagi yang masih penasaran ingin mencobanya, silakan simak baik-baik tutorial di bawah ini
1. Login terlebih dahulu di Blogger
2. Pilih blog yang akan di edit
3. Pilih Rancangan > Elemen Laman
4. Pilih Tambah Gadget (terserah dimana saja karena tidak akan muncul di halaman)
5. Kemudian copy kode di bawah ini

<style type="text/css"> #topbar{ position:absolute; padding-left:260px; background-color: transparancy; width: 300px; visibility: hidden; z-index: 100; } </style><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 /><br /> <div class="clear"></div><div id="topbar"><div style="text-align: right;"><a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL6pKypbZQ6vusO2OYEiGz3Ot3mHn_Pam9fWMTBImW7Ai1ue2CiH5SnCquR0qvMm6YDTrxwjhZmXO4IKBJBV-TZbbV6F9XSpUmfrmNewxtW69aRNspAxUcyAmmKLtw-Sc0QsC8uLAs7_Z6/s1600/close3.png" /></a></div><center><br /> <div style="background: #fff;">MASUKKAN KODE FACEBOOK LIKE BOX/TWITTER/IKLAN ANDA<br /> </div></center><br /> </div>

6. Lalu simpan


Sekian tutorial tentang Cara Membuat Kotak Melayang
Sambung postingan selanjutnya
Selamat mencoba dan semoga sukses..Amin..
Ditunggu komentarnya ya..

Jangan Lupa Untuk Membaca Juga Yang Ini