Hari ini :
 

Senin, 17 Mei 2010

Membuat Floating Box

Coba-coba googling berulang kali dan berulang kali juga di coba dan dipasang,hasilnya masih belum sempurna entah gak bisa pasang ataukah nggak ngerti yach,aku sendiri juga bingung.karena dari beberpa scripts yang di dapat setelah di save ada yang tanda closenya berada di bawah dan tertutup ama footer dan nggak bisa dinaikan,masih terus googling dan dapat atu lagi.
Kalau yang ini juga sedikit nyeleneh kenapa ????? ,ketika scripts dipasang hasilnya muncul,tanda close muncul normal anehnya pada saat di close /di centang tada closenya floating boxnya cuma nutup separuh dan scroll ke atas sehingga tanda closenya nggak kelihatan ...waduh
Dan akhirnya googling kembali dan alhamdulillah ketemu juga sebuah script dari sebuah wibsite yang betul-betul pas mantab,nggak ada rewelnya,emang anak kecil rewel !!! kalo nggak di kasih permen ....kalo temens blogger pingin juga silahkan di coba.karena scripts ni cocok banget buat iklan melayang Floating Advertisment.

Nih dia scriptnya :

<style type="text/css"> #topbar{ position:absolute; border: 1px solid black; padding: 2px; background-color: yellow; width: 600px; visibility: hidden; z-index: 100; } </style>
<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 = 150 //set x offset of bar in pixels var startY = 100 //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>
<div id="topbar"> <a href="" onClick="closebar(); return false">c l o s e</a>
  Letakkan kode html,script ikan ups salah script iklan maksudnya atau text
</div>
Untuk meletakkan script ini cukup pasang di widget di mana aja karena tidak akan berpengaruh,floating box akan muncuk otomatis dari arah atas/top sesuai script.Sebenarnya sesuai sumber script ini untuk dipasang di wordpress ,tetap setelah coba di pasang di blogspot eh manjur juga .....

Source http://bootingskoblog.com

Selamat mencoba

0 komentar:

Posting Komentar

Please leave Your Comment,Before Going To Other website But Don'T Spam .....

My Best Regard
Ayunda

 
Powered By Blogger

© 3 Columns Newspaper Copyright by Tutorial Blog, Semua Tentang Blog | Template by Blogger Templates | Blog Trick at Blog-HowToTricks