My Posting
Tooltip Papan Bergulir (JavaScript-Tutorial) - On Maskibow Tooltip Papan Bergulir (JavaScript-Tutorial)
Tooltip & Link Description, Tooltip & Link Description Sample, Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design,
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Script ini menghasilkan efek tooltip pesan informasi yang akan muncul dengan efek papan tooltip yang bergulir, didalam papan tooltip tersebut bisa
kamu isi dengan berbagai informasi pesan dengan menggunakan fungsi tag <DIV> yang akan menghasilkan berbagai kreasi kamu
menciptakan papan tooltip sesuai dengan yang kamu inginkan brooo!!
Contoh :
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly
pada pojok kanan atas lalu download dan open deh..
Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah
code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:
Langkah 2: Jika yang diatas tersebut sudah dijalankan maka, Copy dan
taruh script di bawah ini di bawah code <BODY> pada webpage kamu atau bisa juga
pada postingan kamu jika menulis postingan menggunakan HTML:
Pilih Semua
<p>Selamat Datang Di Maskibow <a href="http://adf.ly/238465/www.maskibow.blogspot.com/" id="searchlinkmaskibow" rel="subcontent"><b>Silahkan Disini</b></a></p>
<DIV id="subcontent" style="color: white; position:absolute; visibility: hidden; border: 5px solid orange; background-color: purple; width: 300px; hight: 50px; padding: 10 10 10 10px;">
<p><b>Search In Maskibow Site':</b></p>
<form method="GET" template="http://adf.ly/238465/www.maskibow.blogspot.com/search" id="topform">
<input name="query" value="Cari di Maskibow" maxlength="255" style="width: 150px" id="topsearchbox" alt="Search" />
<input value="Search" class="topformbutton" type="submit" />
</form>
Note: Untuk Sahabat blogger jika ingin menambahkan script ini pada halaman
blognya dapat menggunakan cara diatas, tetapi kamu juga dapat dengan mudah dengan
cara memasukkan script yang ada diatas pada blok widget anda bro.. coba deh
pilih widget HTML/Java dan masukan script ke dua-nya!!
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 5
Share This Page !!!
Artikel Lainnya :
Loading...
Komentar : 0 Komentar
Tooltip & Link Description, Tooltip & Link Description Sample, Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design,
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Script ini menghasilkan efek tooltip pesan informasi yang akan muncul dengan efek papan tooltip yang bergulir, didalam papan tooltip tersebut bisa
kamu isi dengan berbagai informasi pesan dengan menggunakan fungsi tag <DIV> yang akan menghasilkan berbagai kreasi kamu
menciptakan papan tooltip sesuai dengan yang kamu inginkan brooo!!
Contoh :
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly
pada pojok kanan atas lalu download dan open deh..
Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah
code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:
Pilih Semua
<script type="text/javascript">
var dropdowncontent={
disableanchorlink: true,
hidedivmouseout: [true, 200],
ajaxloadingmsg: "Loading content. Please wait...",
ajaxbustcache: true,
getposOffset:function(what, offsettype){
return (what.offsetParent)? what[offsettype]+this.getposOffset(what.offsetParent, offsettype) : what[offsettype]
},
isContained:function(m, e){
var e=window.event || e
var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
if (c==m)
return true
else
return false
},
show:function(anchorobj, subobj, e){
if (!this.isContained(anchorobj, e) || (e && e.type=="click")){
var e=window.event || e
if (e.type=="click" && subobj.style.visibility=="visible"){
subobj.style.visibility="hidden"
return
}
var horizontaloffset=(subobj.dropposition[0]=="left")? -(subobj.offsetWidth-anchorobj.offsetWidth) : 0
var verticaloffset=(subobj.dropposition[1]=="top")? -subobj.offsetHeight : anchorobj.offsetHeight
subobj.style.left=this.getposOffset(anchorobj, "offsetLeft") + horizontaloffset + "px"
subobj.style.top=this.getposOffset(anchorobj, "offsetTop")+verticaloffset+"px"
subobj.style.clip=(subobj.dropposition[1]=="top")? "rect(auto auto auto 0)" : "rect(0 auto 0 0)"
subobj.style.visibility="visible"
subobj.startTime=new Date().getTime()
subobj.contentheight=parseInt(subobj.offsetHeight)
if (typeof window["hidetimer_"+subobj.id]!="undefined")
clearTimeout(window["hidetimer_"+subobj.id])
this.slideengine(subobj, (subobj.dropposition[1]=="top")? "up" : "down")
}
},
curveincrement:function(percent){
return (1-Math.cos(percent*Math.PI)) / 2
},
slideengine:function(obj, direction){
var elapsed=new Date().getTime()-obj.startTime
if (elapsed<obj.glidetime){
var distancepercent=(direction=="down")? this.curveincrement(elapsed/obj.glidetime) : 1-this.curveincrement(elapsed/obj.glidetime)
var currentclip=(distancepercent*obj.contentheight)+"px"
obj.style.clip=(direction=="down")? "rect(0 auto "+currentclip+" 0)" : "rect("+currentclip+" auto auto 0)"
window["glidetimer_"+obj.id]=setTimeout(function(){dropdowncontent.slideengine(obj, direction)}, 10)
}
else{
obj.style.clip="rect(0 auto auto 0)"
}
},
hide:function(activeobj, subobj, e){
if (!dropdowncontent.isContained(activeobj, e)){
window["hidetimer_"+subobj.id]=setTimeout(function(){
subobj.style.visibility="hidden"
subobj.style.left=subobj.style.top=0
clearTimeout(window["glidetimer_"+subobj.id])
}, dropdowncontent.hidedivmouseout[1])
}
},
hidediv:function(subobjid){
document.getElementById(subobjid).style.visibility="hidden"
},
ajaxconnect:function(pageurl, divId){
var page_request = false
var bustcacheparameter=""
if (window.XMLHttpRequest)
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
document.getElementById(divId).innerHTML=this.ajaxloadingmsg
page_request.onreadystatechange=function(){dropdowncontent.loadpage(page_request, divId)}
if (this.ajaxbustcache)
bustcacheparameter=(pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', pageurl+bustcacheparameter, true)
page_request.send(null)
},
loadpage:function(page_request, divId){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
document.getElementById(divId).innerHTML=page_request.responseText
}
},
init:function(anchorid, pos, glidetime, revealbehavior){
var anchorobj=document.getElementById(anchorid)
if (anchorobj)
var subobj=document.getElementById(anchorobj.getAttribute("rel"))
if (!anchorobj || !subobj)
return
var subobjsource=anchorobj.getAttribute("rev")
if (subobjsource!=null && subobjsource!="")
this.ajaxconnect(subobjsource, anchorobj.getAttribute("rel"))
subobj.dropposition=pos.split("-")
subobj.glidetime=glidetime || 1000
subobj.style.left=subobj.style.top=0
if (typeof revealbehavior=="undefined" || revealbehavior=="mouseover"){
anchorobj.onmouseover=function(e){dropdowncontent.show(this, subobj, e)}
anchorobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e)}
if (this.disableanchorlink) anchorobj.onclick=function(){return false}
}
else
anchorobj.onclick=function(e){dropdowncontent.show(this, subobj, e); return false}
if (this.hidedivmouseout[0]==true)
subobj.onmouseout=function(e){dropdowncontent.hide(this, subobj, e)}
}
}
</script>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">
Langkah 2: Jika yang diatas tersebut sudah dijalankan maka, Copy dan
taruh script di bawah ini di bawah code <BODY> pada webpage kamu atau bisa juga
pada postingan kamu jika menulis postingan menggunakan HTML:
Pilih Semua
<p>Selamat Datang Di Maskibow <a href="http://adf.ly/238465/www.maskibow.blogspot.com/" id="searchlinkmaskibow" rel="subcontent"><b>Silahkan Disini</b></a></p>
<DIV id="subcontent" style="color: white; position:absolute; visibility: hidden; border: 5px solid orange; background-color: purple; width: 300px; hight: 50px; padding: 10 10 10 10px;">
<p><b>Search In Maskibow Site':</b></p>
<form method="GET" template="http://adf.ly/238465/www.maskibow.blogspot.com/search" id="topform">
<input name="query" value="Cari di Maskibow" maxlength="255" style="width: 150px" id="topsearchbox" alt="Search" />
<input value="Search" class="topformbutton" type="submit" />
</form>
Note: Untuk Sahabat blogger jika ingin menambahkan script ini pada halaman
blognya dapat menggunakan cara diatas, tetapi kamu juga dapat dengan mudah dengan
cara memasukkan script yang ada diatas pada blok widget anda bro.. coba deh
pilih widget HTML/Java dan masukan script ke dua-nya!!
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 5
Tooltip & Link Description, Tooltip & Link Description Sample, Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design,
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Script ini menghasilkan efek tooltip pesan informasi yang akan muncul dengan efek papan tooltip yang bergulir, didalam papan tooltip tersebut bisa
kamu isi dengan berbagai informasi pesan dengan menggunakan fungsi tag <DIV> yang akan menghasilkan berbagai kreasi kamu
menciptakan papan tooltip sesuai dengan yang kamu inginkan brooo!!
Contoh :
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly
pada pojok kanan atas lalu download dan open deh..
Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah
code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:
Pilih Semua
<script type="text/javascript">
var dropdowncontent={
disableanchorlink: true,
hidedivmouseout: [true, 200],
ajaxloadingmsg: "Loading content. Please wait...",
ajaxbustcache: true,
getposOffset:function(what, offsettype){
return (what.offsetParent)? what[offsettype]+this.getposOffset(what.offsetParent, offsettype) : what[offsettype]
},
isContained:function(m, e){
var e=window.event || e
var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
if (c==m)
return true
else
return false
},
show:function(anchorobj, subobj, e){
if (!this.isContained(anchorobj, e) || (e && e.type=="click")){
var e=window.event || e
if (e.type=="click" && subobj.style.visibility=="visible"){
subobj.style.visibility="hidden"
return
}
var horizontaloffset=(subobj.dropposition[0]=="left")? -(subobj.offsetWidth-anchorobj.offsetWidth) : 0
var verticaloffset=(subobj.dropposition[1]=="top")? -subobj.offsetHeight : anchorobj.offsetHeight
subobj.style.left=this.getposOffset(anchorobj, "offsetLeft") + horizontaloffset + "px"
subobj.style.top=this.getposOffset(anchorobj, "offsetTop")+verticaloffset+"px"
subobj.style.clip=(subobj.dropposition[1]=="top")? "rect(auto auto auto 0)" : "rect(0 auto 0 0)"
subobj.style.visibility="visible"
subobj.startTime=new Date().getTime()
subobj.contentheight=parseInt(subobj.offsetHeight)
if (typeof window["hidetimer_"+subobj.id]!="undefined")
clearTimeout(window["hidetimer_"+subobj.id])
this.slideengine(subobj, (subobj.dropposition[1]=="top")? "up" : "down")
}
},
curveincrement:function(percent){
return (1-Math.cos(percent*Math.PI)) / 2
},
slideengine:function(obj, direction){
var elapsed=new Date().getTime()-obj.startTime
if (elapsed<obj.glidetime){
var distancepercent=(direction=="down")? this.curveincrement(elapsed/obj.glidetime) : 1-this.curveincrement(elapsed/obj.glidetime)
var currentclip=(distancepercent*obj.contentheight)+"px"
obj.style.clip=(direction=="down")? "rect(0 auto "+currentclip+" 0)" : "rect("+currentclip+" auto auto 0)"
window["glidetimer_"+obj.id]=setTimeout(function(){dropdowncontent.slideengine(obj, direction)}, 10)
}
else{
obj.style.clip="rect(0 auto auto 0)"
}
},
hide:function(activeobj, subobj, e){
if (!dropdowncontent.isContained(activeobj, e)){
window["hidetimer_"+subobj.id]=setTimeout(function(){
subobj.style.visibility="hidden"
subobj.style.left=subobj.style.top=0
clearTimeout(window["glidetimer_"+subobj.id])
}, dropdowncontent.hidedivmouseout[1])
}
},
hidediv:function(subobjid){
document.getElementById(subobjid).style.visibility="hidden"
},
ajaxconnect:function(pageurl, divId){
var page_request = false
var bustcacheparameter=""
if (window.XMLHttpRequest)
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
document.getElementById(divId).innerHTML=this.ajaxloadingmsg
page_request.onreadystatechange=function(){dropdowncontent.loadpage(page_request, divId)}
if (this.ajaxbustcache)
bustcacheparameter=(pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', pageurl+bustcacheparameter, true)
page_request.send(null)
},
loadpage:function(page_request, divId){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
document.getElementById(divId).innerHTML=page_request.responseText
}
},
init:function(anchorid, pos, glidetime, revealbehavior){
var anchorobj=document.getElementById(anchorid)
if (anchorobj)
var subobj=document.getElementById(anchorobj.getAttribute("rel"))
if (!anchorobj || !subobj)
return
var subobjsource=anchorobj.getAttribute("rev")
if (subobjsource!=null && subobjsource!="")
this.ajaxconnect(subobjsource, anchorobj.getAttribute("rel"))
subobj.dropposition=pos.split("-")
subobj.glidetime=glidetime || 1000
subobj.style.left=subobj.style.top=0
if (typeof revealbehavior=="undefined" || revealbehavior=="mouseover"){
anchorobj.onmouseover=function(e){dropdowncontent.show(this, subobj, e)}
anchorobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e)}
if (this.disableanchorlink) anchorobj.onclick=function(){return false}
}
else
anchorobj.onclick=function(e){dropdowncontent.show(this, subobj, e); return false}
if (this.hidedivmouseout[0]==true)
subobj.onmouseout=function(e){dropdowncontent.hide(this, subobj, e)}
}
}
</script>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">
Langkah 2: Jika yang diatas tersebut sudah dijalankan maka, Copy dan
taruh script di bawah ini di bawah code <BODY> pada webpage kamu atau bisa juga
pada postingan kamu jika menulis postingan menggunakan HTML:
Pilih Semua
<p>Selamat Datang Di Maskibow <a href="http://adf.ly/238465/www.maskibow.blogspot.com/" id="searchlinkmaskibow" rel="subcontent"><b>Silahkan Disini</b></a></p>
<DIV id="subcontent" style="color: white; position:absolute; visibility: hidden; border: 5px solid orange; background-color: purple; width: 300px; hight: 50px; padding: 10 10 10 10px;">
<p><b>Search In Maskibow Site':</b></p>
<form method="GET" template="http://adf.ly/238465/www.maskibow.blogspot.com/search" id="topform">
<input name="query" value="Cari di Maskibow" maxlength="255" style="width: 150px" id="topsearchbox" alt="Search" />
<input value="Search" class="topformbutton" type="submit" />
</form>
Note: Untuk Sahabat blogger jika ingin menambahkan script ini pada halaman
blognya dapat menggunakan cara diatas, tetapi kamu juga dapat dengan mudah dengan
cara memasukkan script yang ada diatas pada blok widget anda bro.. coba deh
pilih widget HTML/Java dan masukan script ke dua-nya!!
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 5
8 stars -10 stars -10 Komentar Over 1,500,000
4 stars-
Tooltip & Link Description, Tooltip & Link Description Sample, Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design,
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Script ini menghasilkan efek tooltip pesan informasi yang akan muncul dengan efek papan tooltip yang bergulir, didalam papan tooltip tersebut bisa
kamu isi dengan berbagai informasi pesan dengan menggunakan fungsi tag <DIV> yang akan menghasilkan berbagai kreasi kamu
menciptakan papan tooltip sesuai dengan yang kamu inginkan brooo!!
Contoh :
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly
pada pojok kanan atas lalu download dan open deh..
Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah
code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:
Pilih Semua
<script type="text/javascript">
var dropdowncontent={
disableanchorlink: true,
hidedivmouseout: [true, 200],
ajaxloadingmsg: "Loading content. Please wait...",
ajaxbustcache: true,
getposOffset:function(what, offsettype){
return (what.offsetParent)? what[offsettype]+this.getposOffset(what.offsetParent, offsettype) : what[offsettype]
},
isContained:function(m, e){
var e=window.event || e
var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
if (c==m)
return true
else
return false
},
show:function(anchorobj, subobj, e){
if (!this.isContained(anchorobj, e) || (e && e.type=="click")){
var e=window.event || e
if (e.type=="click" && subobj.style.visibility=="visible"){
subobj.style.visibility="hidden"
return
}
var horizontaloffset=(subobj.dropposition[0]=="left")? -(subobj.offsetWidth-anchorobj.offsetWidth) : 0
var verticaloffset=(subobj.dropposition[1]=="top")? -subobj.offsetHeight : anchorobj.offsetHeight
subobj.style.left=this.getposOffset(anchorobj, "offsetLeft") + horizontaloffset + "px"
subobj.style.top=this.getposOffset(anchorobj, "offsetTop")+verticaloffset+"px"
subobj.style.clip=(subobj.dropposition[1]=="top")? "rect(auto auto auto 0)" : "rect(0 auto 0 0)"
subobj.style.visibility="visible"
subobj.startTime=new Date().getTime()
subobj.contentheight=parseInt(subobj.offsetHeight)
if (typeof window["hidetimer_"+subobj.id]!="undefined")
clearTimeout(window["hidetimer_"+subobj.id])
this.slideengine(subobj, (subobj.dropposition[1]=="top")? "up" : "down")
}
},
curveincrement:function(percent){
return (1-Math.cos(percent*Math.PI)) / 2
},
slideengine:function(obj, direction){
var elapsed=new Date().getTime()-obj.startTime
if (elapsed<obj.glidetime){
var distancepercent=(direction=="down")? this.curveincrement(elapsed/obj.glidetime) : 1-this.curveincrement(elapsed/obj.glidetime)
var currentclip=(distancepercent*obj.contentheight)+"px"
obj.style.clip=(direction=="down")? "rect(0 auto "+currentclip+" 0)" : "rect("+currentclip+" auto auto 0)"
window["glidetimer_"+obj.id]=setTimeout(function(){dropdowncontent.slideengine(obj, direction)}, 10)
}
else{
obj.style.clip="rect(0 auto auto 0)"
}
},
hide:function(activeobj, subobj, e){
if (!dropdowncontent.isContained(activeobj, e)){
window["hidetimer_"+subobj.id]=setTimeout(function(){
subobj.style.visibility="hidden"
subobj.style.left=subobj.style.top=0
clearTimeout(window["glidetimer_"+subobj.id])
}, dropdowncontent.hidedivmouseout[1])
}
},
hidediv:function(subobjid){
document.getElementById(subobjid).style.visibility="hidden"
},
ajaxconnect:function(pageurl, divId){
var page_request = false
var bustcacheparameter=""
if (window.XMLHttpRequest)
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
document.getElementById(divId).innerHTML=this.ajaxloadingmsg
page_request.onreadystatechange=function(){dropdowncontent.loadpage(page_request, divId)}
if (this.ajaxbustcache)
bustcacheparameter=(pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', pageurl+bustcacheparameter, true)
page_request.send(null)
},
loadpage:function(page_request, divId){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
document.getElementById(divId).innerHTML=page_request.responseText
}
},
init:function(anchorid, pos, glidetime, revealbehavior){
var anchorobj=document.getElementById(anchorid)
if (anchorobj)
var subobj=document.getElementById(anchorobj.getAttribute("rel"))
if (!anchorobj || !subobj)
return
var subobjsource=anchorobj.getAttribute("rev")
if (subobjsource!=null && subobjsource!="")
this.ajaxconnect(subobjsource, anchorobj.getAttribute("rel"))
subobj.dropposition=pos.split("-")
subobj.glidetime=glidetime || 1000
subobj.style.left=subobj.style.top=0
if (typeof revealbehavior=="undefined" || revealbehavior=="mouseover"){
anchorobj.onmouseover=function(e){dropdowncontent.show(this, subobj, e)}
anchorobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e)}
if (this.disableanchorlink) anchorobj.onclick=function(){return false}
}
else
anchorobj.onclick=function(e){dropdowncontent.show(this, subobj, e); return false}
if (this.hidedivmouseout[0]==true)
subobj.onmouseout=function(e){dropdowncontent.hide(this, subobj, e)}
}
}
</script>
<meta http-equiv="refresh" content="60; URL=http://adf.ly/238465/maskibow.blogspot.com">
Langkah 2: Jika yang diatas tersebut sudah dijalankan maka, Copy dan
taruh script di bawah ini di bawah code <BODY> pada webpage kamu atau bisa juga
pada postingan kamu jika menulis postingan menggunakan HTML:
Pilih Semua
<p>Selamat Datang Di Maskibow <a href="http://adf.ly/238465/www.maskibow.blogspot.com/" id="searchlinkmaskibow" rel="subcontent"><b>Silahkan Disini</b></a></p>
<DIV id="subcontent" style="color: white; position:absolute; visibility: hidden; border: 5px solid orange; background-color: purple; width: 300px; hight: 50px; padding: 10 10 10 10px;">
<p><b>Search In Maskibow Site':</b></p>
<form method="GET" template="http://adf.ly/238465/www.maskibow.blogspot.com/search" id="topform">
<input name="query" value="Cari di Maskibow" maxlength="255" style="width: 150px" id="topsearchbox" alt="Search" />
<input value="Search" class="topformbutton" type="submit" />
</form>
Note: Untuk Sahabat blogger jika ingin menambahkan script ini pada halaman
blognya dapat menggunakan cara diatas, tetapi kamu juga dapat dengan mudah dengan
cara memasukkan script yang ada diatas pada blok widget anda bro.. coba deh
pilih widget HTML/Java dan masukan script ke dua-nya!!
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 5
Maskibow