My Posting
Tooltip Slide From Bottom - On Maskibow Tooltip Slide From Bottom
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
: Ron Grafe
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Tooltip Slide From Bottom merupakan script yang digunakan untuk pesan informasi berupa tooltip yang akan muncul bila cursor mouse
berada diatas link tersebut. Link bisa berupa teks maupun gambar ataupun lain-lainnya. Tooltip tersebut muncul secara slide
dipojok ataupun ditengah bawah, atas layar webpage kamu tergantung kamu mensettingnya.
Contoh :
Coba bro lw arahin mouse-nya kearah gambar dan teks link di bawah ini, muncul kan tooltipnya, biasanya muncul jika browser yang lw pake FireFox ver1
keatas Internet Explorer ver5 keatas dan opera7
Welcome To Maskibow Tutorial
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly
pada pojok kanan atas lalu download dan open deh..
Coba bro lw arahin mouse-nya kearah gambar dan teks link di bawah ini, muncul kan tooltipnya, biasanya muncul jika browser yang lw pake FireFox ver1
keatas Internet Explorer ver5 keatas dan opera7
Caranya :
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 align="left"><a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/software" onmouseover="setObj(description[0],'override',540,45)" onmouseout="clearTimeout(openTimer);stopIt()">
<img src="bottomtool_files/abstract2.gif" border="0" height="31" width="88"></a><br/><br/>
<a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/Games" onmouseover="setObj(description[1],'override',540,25)" onmouseout="clearTimeout(openTimer);stopIt()">
<img src="bottomtool_files/free88.gif" border="0" height="31" width="88"></a><br/>
<p align="left"><a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/Tutorial" onmouseover="setObj(description[2],'override',220,25)" onmouseout="clearTimeout(openTimer);stopIt()"><b>Welcome To Maskibow Tutorial</b></a></p>
<div id="viewer" style="background-color: orange;
visibility: hidden; position: absolute; left: 0pt; width: 540px; height: 24px; z-index: 1; overflow: hidden; border: 0px ridge black; top: 560px;"></div>
<br/>
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 5
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
: Ron Grafe
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Tooltip Slide From Bottom merupakan script yang digunakan untuk pesan informasi berupa tooltip yang akan muncul bila cursor mouse
berada diatas link tersebut. Link bisa berupa teks maupun gambar ataupun lain-lainnya. Tooltip tersebut muncul secara slide
dipojok ataupun ditengah bawah, atas layar webpage kamu tergantung kamu mensettingnya.
Contoh :
Coba bro lw arahin mouse-nya kearah gambar dan teks link di bawah ini, muncul kan tooltipnya, biasanya muncul jika browser yang lw pake FireFox ver1
keatas Internet Explorer ver5 keatas dan opera7
Welcome To Maskibow Tutorial
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly
pada pojok kanan atas lalu download dan open deh..
Coba bro lw arahin mouse-nya kearah gambar dan teks link di bawah ini, muncul kan tooltipnya, biasanya muncul jika browser yang lw pake FireFox ver1
keatas Internet Explorer ver5 keatas dan opera7
Caranya :
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 description=new Array() //isi teks tooltipnya di bawah sini bro....!!!
description[0]=
'<font>Selamat Datang di Maskibow! disini tempatnya download Software gratis Plus Keygen dan SN-nya</font>'
description[1]=
'<font face=Arial><marquee><b>Nyari Game gratis? Selamat Datang di Maskibow! disini tempatnya download Games gratis!</b></marquee></font>'
description[2]=
'<font face="Arial"><blink>Selamat Datang Di tutorial Maskibow</blink></font>'
iens6=document.all||document.getElementById
ns4=document.layers
var thename
var theobj
var thetext
var winHeight
var winPositionFromTop
var winWidth
var startH=2
var openTimer
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function setObj(text,theswitch,inwidth,inheight) {
thetext=text
if(iens6){
thename = "viewer"
theobj=document.getElementById? document.getElementById(thename):document.all.thename
winHeight=100
if(iens6&&document.all) {
winPositionFromTop=!window.opera? ietruebody().clientHeight : document.body.clientHeight
winWidth=(ietruebody().clientWidth-ietruebody().leftMargin)
}
if(iens6&&!document.all) {
winPositionFromTop=window.innerHeight
winWidth=(window.innerWidth-(ietruebody().offsetLeft+30))
}
if(theswitch=="override") {
winWidth=inwidth
winHeight=inheight
}
theobj.style.width=winWidth+"px"
theobj.style.height=startH+"px"
if(iens6&&document.all) {
theobj.style.top=ietruebody().scrollTop+winPositionFromTop+"px"
//window.status=winPositionFromTop
theobj.innerHTML = ""
theobj.insertAdjacentHTML("BeforeEnd","<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")
}
if(iens6&&!document.all) {
theobj.style.top=window.pageYOffset+winPositionFromTop+"px"
theobj.innerHTML = ""
theobj.innerHTML="<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>"
}
}
if(ns4){
thename = "nsviewer"
theobj = eval("document."+thename)
winPositionFromTop=window.innerHeight
winWidth=window.innerWidth
winHeight=100
if(theswitch=="override") {
winWidth=inwidth
winHeight=inheight
}
theobj.moveTo(0,eval(window.pageYOffset+winPositionFromTop))
theobj.width=winWidth
theobj.clip.width=winWidth
theobj.document.write("<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")
theobj.document.close()
}
viewIt()
}
function viewIt() {
if(startH<=winHeight) {
if(iens6) {
theobj.style.visibility="visible"
if(iens6&&document.all) {
theobj.style.top=(ietruebody().scrollTop+winPositionFromTop)-startH+"px"
}
if(iens6&&!document.all) {
theobj.style.top=(window.pageYOffset+winPositionFromTop)-startH+"px"
}
theobj.style.height=startH+"px"
startH+=2
openTimer=setTimeout("viewIt()",10)
}
if(ns4) {
theobj.visibility = "visible"
theobj.moveTo(0,(eval(window.pageYOffset+winPositionFromTop)-startH))
theobj.height=startH
theobj.clip.height=(startH)
startH+=2
openTimer=setTimeout("viewIt()",10)
}
}else{
clearTimeout(openTimer)
}
}
function stopIt() {
if(iens6) {
theobj.innerHTML = ""
theobj.style.visibility="hidden"
startH=2
}
if(ns4) {
theobj.document.write("")
theobj.document.close()
theobj.visibility="hidden"
theobj.width=0
theobj.height=0
theobj.clip.width=0
theobj.clip.height=0
startH=2
}
}
</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 align="left"><a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/software" onmouseover="setObj(description[0],'override',540,45)" onmouseout="clearTimeout(openTimer);stopIt()">
<img src="bottomtool_files/abstract2.gif" border="0" height="31" width="88"></a><br/><br/>
<a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/Games" onmouseover="setObj(description[1],'override',540,25)" onmouseout="clearTimeout(openTimer);stopIt()">
<img src="bottomtool_files/free88.gif" border="0" height="31" width="88"></a><br/>
<p align="left"><a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/Tutorial" onmouseover="setObj(description[2],'override',220,25)" onmouseout="clearTimeout(openTimer);stopIt()"><b>Welcome To Maskibow Tutorial</b></a></p>
<div id="viewer" style="background-color: orange;
visibility: hidden; position: absolute; left: 0pt; width: 540px; height: 24px; z-index: 1; overflow: hidden; border: 0px ridge black; top: 560px;"></div>
<br/>
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
: Ron Grafe
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Tooltip Slide From Bottom merupakan script yang digunakan untuk pesan informasi berupa tooltip yang akan muncul bila cursor mouse
berada diatas link tersebut. Link bisa berupa teks maupun gambar ataupun lain-lainnya. Tooltip tersebut muncul secara slide
dipojok ataupun ditengah bawah, atas layar webpage kamu tergantung kamu mensettingnya.
Contoh :
Coba bro lw arahin mouse-nya kearah gambar dan teks link di bawah ini, muncul kan tooltipnya, biasanya muncul jika browser yang lw pake FireFox ver1
keatas Internet Explorer ver5 keatas dan opera7
Welcome To Maskibow Tutorial
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly
pada pojok kanan atas lalu download dan open deh..
Coba bro lw arahin mouse-nya kearah gambar dan teks link di bawah ini, muncul kan tooltipnya, biasanya muncul jika browser yang lw pake FireFox ver1
keatas Internet Explorer ver5 keatas dan opera7
Caranya :
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 description=new Array() //isi teks tooltipnya di bawah sini bro....!!!
description[0]=
'<font>Selamat Datang di Maskibow! disini tempatnya download Software gratis Plus Keygen dan SN-nya</font>'
description[1]=
'<font face=Arial><marquee><b>Nyari Game gratis? Selamat Datang di Maskibow! disini tempatnya download Games gratis!</b></marquee></font>'
description[2]=
'<font face="Arial"><blink>Selamat Datang Di tutorial Maskibow</blink></font>'
iens6=document.all||document.getElementById
ns4=document.layers
var thename
var theobj
var thetext
var winHeight
var winPositionFromTop
var winWidth
var startH=2
var openTimer
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function setObj(text,theswitch,inwidth,inheight) {
thetext=text
if(iens6){
thename = "viewer"
theobj=document.getElementById? document.getElementById(thename):document.all.thename
winHeight=100
if(iens6&&document.all) {
winPositionFromTop=!window.opera? ietruebody().clientHeight : document.body.clientHeight
winWidth=(ietruebody().clientWidth-ietruebody().leftMargin)
}
if(iens6&&!document.all) {
winPositionFromTop=window.innerHeight
winWidth=(window.innerWidth-(ietruebody().offsetLeft+30))
}
if(theswitch=="override") {
winWidth=inwidth
winHeight=inheight
}
theobj.style.width=winWidth+"px"
theobj.style.height=startH+"px"
if(iens6&&document.all) {
theobj.style.top=ietruebody().scrollTop+winPositionFromTop+"px"
//window.status=winPositionFromTop
theobj.innerHTML = ""
theobj.insertAdjacentHTML("BeforeEnd","<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")
}
if(iens6&&!document.all) {
theobj.style.top=window.pageYOffset+winPositionFromTop+"px"
theobj.innerHTML = ""
theobj.innerHTML="<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>"
}
}
if(ns4){
thename = "nsviewer"
theobj = eval("document."+thename)
winPositionFromTop=window.innerHeight
winWidth=window.innerWidth
winHeight=100
if(theswitch=="override") {
winWidth=inwidth
winHeight=inheight
}
theobj.moveTo(0,eval(window.pageYOffset+winPositionFromTop))
theobj.width=winWidth
theobj.clip.width=winWidth
theobj.document.write("<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")
theobj.document.close()
}
viewIt()
}
function viewIt() {
if(startH<=winHeight) {
if(iens6) {
theobj.style.visibility="visible"
if(iens6&&document.all) {
theobj.style.top=(ietruebody().scrollTop+winPositionFromTop)-startH+"px"
}
if(iens6&&!document.all) {
theobj.style.top=(window.pageYOffset+winPositionFromTop)-startH+"px"
}
theobj.style.height=startH+"px"
startH+=2
openTimer=setTimeout("viewIt()",10)
}
if(ns4) {
theobj.visibility = "visible"
theobj.moveTo(0,(eval(window.pageYOffset+winPositionFromTop)-startH))
theobj.height=startH
theobj.clip.height=(startH)
startH+=2
openTimer=setTimeout("viewIt()",10)
}
}else{
clearTimeout(openTimer)
}
}
function stopIt() {
if(iens6) {
theobj.innerHTML = ""
theobj.style.visibility="hidden"
startH=2
}
if(ns4) {
theobj.document.write("")
theobj.document.close()
theobj.visibility="hidden"
theobj.width=0
theobj.height=0
theobj.clip.width=0
theobj.clip.height=0
startH=2
}
}
</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 align="left"><a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/software" onmouseover="setObj(description[0],'override',540,45)" onmouseout="clearTimeout(openTimer);stopIt()">
<img src="bottomtool_files/abstract2.gif" border="0" height="31" width="88"></a><br/><br/>
<a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/Games" onmouseover="setObj(description[1],'override',540,25)" onmouseout="clearTimeout(openTimer);stopIt()">
<img src="bottomtool_files/free88.gif" border="0" height="31" width="88"></a><br/>
<p align="left"><a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/Tutorial" onmouseover="setObj(description[2],'override',220,25)" onmouseout="clearTimeout(openTimer);stopIt()"><b>Welcome To Maskibow Tutorial</b></a></p>
<div id="viewer" style="background-color: orange;
visibility: hidden; position: absolute; left: 0pt; width: 540px; height: 24px; z-index: 1; overflow: hidden; border: 0px ridge black; top: 560px;"></div>
<br/>
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
: Ron Grafe
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Tooltip Slide From Bottom merupakan script yang digunakan untuk pesan informasi berupa tooltip yang akan muncul bila cursor mouse
berada diatas link tersebut. Link bisa berupa teks maupun gambar ataupun lain-lainnya. Tooltip tersebut muncul secara slide
dipojok ataupun ditengah bawah, atas layar webpage kamu tergantung kamu mensettingnya.
Contoh :
Coba bro lw arahin mouse-nya kearah gambar dan teks link di bawah ini, muncul kan tooltipnya, biasanya muncul jika browser yang lw pake FireFox ver1
keatas Internet Explorer ver5 keatas dan opera7
Welcome To Maskibow Tutorial
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly
pada pojok kanan atas lalu download dan open deh..
Coba bro lw arahin mouse-nya kearah gambar dan teks link di bawah ini, muncul kan tooltipnya, biasanya muncul jika browser yang lw pake FireFox ver1
keatas Internet Explorer ver5 keatas dan opera7
Caranya :
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 description=new Array() //isi teks tooltipnya di bawah sini bro....!!!
description[0]=
'<font>Selamat Datang di Maskibow! disini tempatnya download Software gratis Plus Keygen dan SN-nya</font>'
description[1]=
'<font face=Arial><marquee><b>Nyari Game gratis? Selamat Datang di Maskibow! disini tempatnya download Games gratis!</b></marquee></font>'
description[2]=
'<font face="Arial"><blink>Selamat Datang Di tutorial Maskibow</blink></font>'
iens6=document.all||document.getElementById
ns4=document.layers
var thename
var theobj
var thetext
var winHeight
var winPositionFromTop
var winWidth
var startH=2
var openTimer
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function setObj(text,theswitch,inwidth,inheight) {
thetext=text
if(iens6){
thename = "viewer"
theobj=document.getElementById? document.getElementById(thename):document.all.thename
winHeight=100
if(iens6&&document.all) {
winPositionFromTop=!window.opera? ietruebody().clientHeight : document.body.clientHeight
winWidth=(ietruebody().clientWidth-ietruebody().leftMargin)
}
if(iens6&&!document.all) {
winPositionFromTop=window.innerHeight
winWidth=(window.innerWidth-(ietruebody().offsetLeft+30))
}
if(theswitch=="override") {
winWidth=inwidth
winHeight=inheight
}
theobj.style.width=winWidth+"px"
theobj.style.height=startH+"px"
if(iens6&&document.all) {
theobj.style.top=ietruebody().scrollTop+winPositionFromTop+"px"
//window.status=winPositionFromTop
theobj.innerHTML = ""
theobj.insertAdjacentHTML("BeforeEnd","<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")
}
if(iens6&&!document.all) {
theobj.style.top=window.pageYOffset+winPositionFromTop+"px"
theobj.innerHTML = ""
theobj.innerHTML="<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>"
}
}
if(ns4){
thename = "nsviewer"
theobj = eval("document."+thename)
winPositionFromTop=window.innerHeight
winWidth=window.innerWidth
winHeight=100
if(theswitch=="override") {
winWidth=inwidth
winHeight=inheight
}
theobj.moveTo(0,eval(window.pageYOffset+winPositionFromTop))
theobj.width=winWidth
theobj.clip.width=winWidth
theobj.document.write("<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")
theobj.document.close()
}
viewIt()
}
function viewIt() {
if(startH<=winHeight) {
if(iens6) {
theobj.style.visibility="visible"
if(iens6&&document.all) {
theobj.style.top=(ietruebody().scrollTop+winPositionFromTop)-startH+"px"
}
if(iens6&&!document.all) {
theobj.style.top=(window.pageYOffset+winPositionFromTop)-startH+"px"
}
theobj.style.height=startH+"px"
startH+=2
openTimer=setTimeout("viewIt()",10)
}
if(ns4) {
theobj.visibility = "visible"
theobj.moveTo(0,(eval(window.pageYOffset+winPositionFromTop)-startH))
theobj.height=startH
theobj.clip.height=(startH)
startH+=2
openTimer=setTimeout("viewIt()",10)
}
}else{
clearTimeout(openTimer)
}
}
function stopIt() {
if(iens6) {
theobj.innerHTML = ""
theobj.style.visibility="hidden"
startH=2
}
if(ns4) {
theobj.document.write("")
theobj.document.close()
theobj.visibility="hidden"
theobj.width=0
theobj.height=0
theobj.clip.width=0
theobj.clip.height=0
startH=2
}
}
</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 align="left"><a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/software" onmouseover="setObj(description[0],'override',540,45)" onmouseout="clearTimeout(openTimer);stopIt()">
<img src="bottomtool_files/abstract2.gif" border="0" height="31" width="88"></a><br/><br/>
<a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/Games" onmouseover="setObj(description[1],'override',540,25)" onmouseout="clearTimeout(openTimer);stopIt()">
<img src="bottomtool_files/free88.gif" border="0" height="31" width="88"></a><br/>
<p align="left"><a href="http://adf.ly/238465/www.maskibow.blogspot.com/search/label/Tutorial" onmouseover="setObj(description[2],'override',220,25)" onmouseout="clearTimeout(openTimer);stopIt()"><b>Welcome To Maskibow Tutorial</b></a></p>
<div id="viewer" style="background-color: orange;
visibility: hidden; position: absolute; left: 0pt; width: 540px; height: 24px; z-index: 1; overflow: hidden; border: 0px ridge black; top: 560px;"></div>
<br/>
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 5
Maskibow SpiderWeblink (JavaScript-Tutorial-Maskibow) - On Maskibow SpiderWeblink (JavaScript-Tutorial-Maskibow)
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Internet Explorer
Deskripsi :
Script ini hanya berkerja pada mesin browser IE, script ini berupa visual 8 garis
yang menyerupai sarang laba-laba pada layar mesin browser anda inti garis tersebut
bertemu di satu titik sudut yang mengikuti arah mouse kursor anda bro!! dan akan
berubah warna dan besarnya jika mouse berada tepat diatas link yang telah ditentukan,
besar garis dan warna dapat disesuaikan sesuai dengan yang kamu mau bro!!.
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
<STYLE>
.disableHscroll{
width:100%;overflow-x:hidden;overflow-y:scroll;
}
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>
<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
<script>
// warna 8 garis default
var defaultcolor="#FF8040"
// Besar garis jika mengenai link
var lineweighthighlight=0.5
// Besar garis jika normal
var lineweightnormal=1
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var distancetomouse=0
var mousepos_x=0
var mousepos_x=0
var marginleft=0
var margintop=0
var marginbottom=0
var marginright=0
var margincenterx
var margincentery
var mousepos_x=0
var mousepos_x=0
if (document.all&&window.print){
document.write('<div id="bodycontent" style="position:relative">')
}
function initiateanimation(){
marginbottom=ietruebody().clientHeight
marginright=ietruebody().clientWidth
margincenterx=Math.floor(marginright/2)
margincentery=Math.floor(marginbottom/2)
rectangulartopleft.to=marginleft+","+margintop
rectangulartopright.to=marginright+","+margintop
rectangularbottomleft.to=marginleft+","+marginbottom
rectangularbottomright.to=marginright+","+marginbottom
rectangulartop.to=margincenterx+","+margintop
rectangularright.to=marginright+","+margincentery
rectangularbottom.to=margincenterx+","+marginbottom
rectangularleft.to=marginleft+","+margincentery
rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor
rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor
}
function msover(thiscolorhighlight){
if(document.all&&window.print){
rectangulartopleft.strokecolor=thiscolorhighlight
rectangulartopright.strokecolor=thiscolorhighlight
rectangularbottomleft.strokecolor=thiscolorhighlight
rectangularbottomright.strokecolor=thiscolorhighlight
rectangulartop.strokecolor=thiscolorhighlight
rectangularright.strokecolor=thiscolorhighlight
rectangularbottom.strokecolor=thiscolorhighlight
rectangularleft.strokecolor=thiscolorhighlight
rectangulartopleft.strokeweight=lineweighthighlight
rectangulartopright.strokeweight=lineweighthighlight
rectangularbottomleft.strokeweight=lineweighthighlight
rectangularbottomright.strokeweight=lineweighthighlight
rectangulartop.strokeweight=lineweighthighlight
rectangularright.strokeweight=lineweighthighlight
rectangularbottom.strokeweight=lineweighthighlight
rectangularleft.strokeweight=lineweighthighlight
}
}
function msout(){
if(document.all&&window.print){
rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor
rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor
rectangulartopleft.strokeweight=lineweightnormal
rectangulartopright.strokeweight=lineweightnormal
rectangularbottomleft.strokeweight=lineweightnormal
rectangularbottomright.strokeweight=lineweightnormal
rectangulartop.strokeweight=lineweightnormal
rectangularright.strokeweight=lineweightnormal
rectangularbottom.strokeweight=lineweightnormal
rectangularleft.strokeweight=lineweightnormal
}
}
function momouse(){
if(document.all&&window.print){
mousepos_x=ietruebody().scrollLeft+event.clientX
mousepos_y=ietruebody().scrollTop+event.clientY
rectangulartopleft.from=mousepos_x+","+mousepos_y
rectangulartopright.from=mousepos_x+","+mousepos_y
rectangularbottomleft.from=mousepos_x+","+mousepos_y
rectangularbottomright.from=mousepos_x+","+mousepos_y
rectangulartop.from=mousepos_x+","+mousepos_y
rectangularright.from=mousepos_x+","+mousepos_y
rectangularbottom.from=mousepos_x+","+mousepos_y
rectangularleft.from=mousepos_x+","+mousepos_y
}
}
if(document.all&&window.print){
//document.body.className="disableHscroll"
ietruebody().className="disableHscroll"
code="<v:line id=rectangulartopleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangulartopright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangulartop style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottom style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
document.body.insertAdjacentHTML("afterBegin",code)
document.onmousemove=momouse
window.onload=initiateanimation
}
</script>
<a href="http://maskibow.blogspot.com" onMouseOver="msover('#FFEEEE')" onMouseOut="msout()">
Welcome To Maskibow</a> <br/>
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
0 Komentar
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Internet Explorer
Deskripsi :
Script ini hanya berkerja pada mesin browser IE, script ini berupa visual 8 garis
yang menyerupai sarang laba-laba pada layar mesin browser anda inti garis tersebut
bertemu di satu titik sudut yang mengikuti arah mouse kursor anda bro!! dan akan
berubah warna dan besarnya jika mouse berada tepat diatas link yang telah ditentukan,
besar garis dan warna dapat disesuaikan sesuai dengan yang kamu mau bro!!.
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
<STYLE>
.disableHscroll{
width:100%;overflow-x:hidden;overflow-y:scroll;
}
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>
<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
<script>
// warna 8 garis default
var defaultcolor="#FF8040"
// Besar garis jika mengenai link
var lineweighthighlight=0.5
// Besar garis jika normal
var lineweightnormal=1
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var distancetomouse=0
var mousepos_x=0
var mousepos_x=0
var marginleft=0
var margintop=0
var marginbottom=0
var marginright=0
var margincenterx
var margincentery
var mousepos_x=0
var mousepos_x=0
if (document.all&&window.print){
document.write('<div id="bodycontent" style="position:relative">')
}
function initiateanimation(){
marginbottom=ietruebody().clientHeight
marginright=ietruebody().clientWidth
margincenterx=Math.floor(marginright/2)
margincentery=Math.floor(marginbottom/2)
rectangulartopleft.to=marginleft+","+margintop
rectangulartopright.to=marginright+","+margintop
rectangularbottomleft.to=marginleft+","+marginbottom
rectangularbottomright.to=marginright+","+marginbottom
rectangulartop.to=margincenterx+","+margintop
rectangularright.to=marginright+","+margincentery
rectangularbottom.to=margincenterx+","+marginbottom
rectangularleft.to=marginleft+","+margincentery
rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor
rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor
}
function msover(thiscolorhighlight){
if(document.all&&window.print){
rectangulartopleft.strokecolor=thiscolorhighlight
rectangulartopright.strokecolor=thiscolorhighlight
rectangularbottomleft.strokecolor=thiscolorhighlight
rectangularbottomright.strokecolor=thiscolorhighlight
rectangulartop.strokecolor=thiscolorhighlight
rectangularright.strokecolor=thiscolorhighlight
rectangularbottom.strokecolor=thiscolorhighlight
rectangularleft.strokecolor=thiscolorhighlight
rectangulartopleft.strokeweight=lineweighthighlight
rectangulartopright.strokeweight=lineweighthighlight
rectangularbottomleft.strokeweight=lineweighthighlight
rectangularbottomright.strokeweight=lineweighthighlight
rectangulartop.strokeweight=lineweighthighlight
rectangularright.strokeweight=lineweighthighlight
rectangularbottom.strokeweight=lineweighthighlight
rectangularleft.strokeweight=lineweighthighlight
}
}
function msout(){
if(document.all&&window.print){
rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor
rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor
rectangulartopleft.strokeweight=lineweightnormal
rectangulartopright.strokeweight=lineweightnormal
rectangularbottomleft.strokeweight=lineweightnormal
rectangularbottomright.strokeweight=lineweightnormal
rectangulartop.strokeweight=lineweightnormal
rectangularright.strokeweight=lineweightnormal
rectangularbottom.strokeweight=lineweightnormal
rectangularleft.strokeweight=lineweightnormal
}
}
function momouse(){
if(document.all&&window.print){
mousepos_x=ietruebody().scrollLeft+event.clientX
mousepos_y=ietruebody().scrollTop+event.clientY
rectangulartopleft.from=mousepos_x+","+mousepos_y
rectangulartopright.from=mousepos_x+","+mousepos_y
rectangularbottomleft.from=mousepos_x+","+mousepos_y
rectangularbottomright.from=mousepos_x+","+mousepos_y
rectangulartop.from=mousepos_x+","+mousepos_y
rectangularright.from=mousepos_x+","+mousepos_y
rectangularbottom.from=mousepos_x+","+mousepos_y
rectangularleft.from=mousepos_x+","+mousepos_y
}
}
if(document.all&&window.print){
//document.body.className="disableHscroll"
ietruebody().className="disableHscroll"
code="<v:line id=rectangulartopleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangulartopright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangulartop style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottom style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
document.body.insertAdjacentHTML("afterBegin",code)
document.onmousemove=momouse
window.onload=initiateanimation
}
</script>
<a href="http://maskibow.blogspot.com" onMouseOver="msover('#FFEEEE')" onMouseOut="msout()">
Welcome To Maskibow</a> <br/>
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
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Internet Explorer
Deskripsi :
Script ini hanya berkerja pada mesin browser IE, script ini berupa visual 8 garis
yang menyerupai sarang laba-laba pada layar mesin browser anda inti garis tersebut
bertemu di satu titik sudut yang mengikuti arah mouse kursor anda bro!! dan akan
berubah warna dan besarnya jika mouse berada tepat diatas link yang telah ditentukan,
besar garis dan warna dapat disesuaikan sesuai dengan yang kamu mau bro!!.
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
<STYLE>
.disableHscroll{
width:100%;overflow-x:hidden;overflow-y:scroll;
}
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>
<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
<script>
// warna 8 garis default
var defaultcolor="#FF8040"
// Besar garis jika mengenai link
var lineweighthighlight=0.5
// Besar garis jika normal
var lineweightnormal=1
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var distancetomouse=0
var mousepos_x=0
var mousepos_x=0
var marginleft=0
var margintop=0
var marginbottom=0
var marginright=0
var margincenterx
var margincentery
var mousepos_x=0
var mousepos_x=0
if (document.all&&window.print){
document.write('<div id="bodycontent" style="position:relative">')
}
function initiateanimation(){
marginbottom=ietruebody().clientHeight
marginright=ietruebody().clientWidth
margincenterx=Math.floor(marginright/2)
margincentery=Math.floor(marginbottom/2)
rectangulartopleft.to=marginleft+","+margintop
rectangulartopright.to=marginright+","+margintop
rectangularbottomleft.to=marginleft+","+marginbottom
rectangularbottomright.to=marginright+","+marginbottom
rectangulartop.to=margincenterx+","+margintop
rectangularright.to=marginright+","+margincentery
rectangularbottom.to=margincenterx+","+marginbottom
rectangularleft.to=marginleft+","+margincentery
rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor
rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor
}
function msover(thiscolorhighlight){
if(document.all&&window.print){
rectangulartopleft.strokecolor=thiscolorhighlight
rectangulartopright.strokecolor=thiscolorhighlight
rectangularbottomleft.strokecolor=thiscolorhighlight
rectangularbottomright.strokecolor=thiscolorhighlight
rectangulartop.strokecolor=thiscolorhighlight
rectangularright.strokecolor=thiscolorhighlight
rectangularbottom.strokecolor=thiscolorhighlight
rectangularleft.strokecolor=thiscolorhighlight
rectangulartopleft.strokeweight=lineweighthighlight
rectangulartopright.strokeweight=lineweighthighlight
rectangularbottomleft.strokeweight=lineweighthighlight
rectangularbottomright.strokeweight=lineweighthighlight
rectangulartop.strokeweight=lineweighthighlight
rectangularright.strokeweight=lineweighthighlight
rectangularbottom.strokeweight=lineweighthighlight
rectangularleft.strokeweight=lineweighthighlight
}
}
function msout(){
if(document.all&&window.print){
rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor
rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor
rectangulartopleft.strokeweight=lineweightnormal
rectangulartopright.strokeweight=lineweightnormal
rectangularbottomleft.strokeweight=lineweightnormal
rectangularbottomright.strokeweight=lineweightnormal
rectangulartop.strokeweight=lineweightnormal
rectangularright.strokeweight=lineweightnormal
rectangularbottom.strokeweight=lineweightnormal
rectangularleft.strokeweight=lineweightnormal
}
}
function momouse(){
if(document.all&&window.print){
mousepos_x=ietruebody().scrollLeft+event.clientX
mousepos_y=ietruebody().scrollTop+event.clientY
rectangulartopleft.from=mousepos_x+","+mousepos_y
rectangulartopright.from=mousepos_x+","+mousepos_y
rectangularbottomleft.from=mousepos_x+","+mousepos_y
rectangularbottomright.from=mousepos_x+","+mousepos_y
rectangulartop.from=mousepos_x+","+mousepos_y
rectangularright.from=mousepos_x+","+mousepos_y
rectangularbottom.from=mousepos_x+","+mousepos_y
rectangularleft.from=mousepos_x+","+mousepos_y
}
}
if(document.all&&window.print){
//document.body.className="disableHscroll"
ietruebody().className="disableHscroll"
code="<v:line id=rectangulartopleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangulartopright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangulartop style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottom style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
document.body.insertAdjacentHTML("afterBegin",code)
document.onmousemove=momouse
window.onload=initiateanimation
}
</script>
<a href="http://maskibow.blogspot.com" onMouseOver="msover('#FFEEEE')" onMouseOut="msout()">
Welcome To Maskibow</a> <br/>
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-
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Internet Explorer
Deskripsi :
Script ini hanya berkerja pada mesin browser IE, script ini berupa visual 8 garis
yang menyerupai sarang laba-laba pada layar mesin browser anda inti garis tersebut
bertemu di satu titik sudut yang mengikuti arah mouse kursor anda bro!! dan akan
berubah warna dan besarnya jika mouse berada tepat diatas link yang telah ditentukan,
besar garis dan warna dapat disesuaikan sesuai dengan yang kamu mau bro!!.
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
<STYLE>
.disableHscroll{
width:100%;overflow-x:hidden;overflow-y:scroll;
}
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>
<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
<script>
// warna 8 garis default
var defaultcolor="#FF8040"
// Besar garis jika mengenai link
var lineweighthighlight=0.5
// Besar garis jika normal
var lineweightnormal=1
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var distancetomouse=0
var mousepos_x=0
var mousepos_x=0
var marginleft=0
var margintop=0
var marginbottom=0
var marginright=0
var margincenterx
var margincentery
var mousepos_x=0
var mousepos_x=0
if (document.all&&window.print){
document.write('<div id="bodycontent" style="position:relative">')
}
function initiateanimation(){
marginbottom=ietruebody().clientHeight
marginright=ietruebody().clientWidth
margincenterx=Math.floor(marginright/2)
margincentery=Math.floor(marginbottom/2)
rectangulartopleft.to=marginleft+","+margintop
rectangulartopright.to=marginright+","+margintop
rectangularbottomleft.to=marginleft+","+marginbottom
rectangularbottomright.to=marginright+","+marginbottom
rectangulartop.to=margincenterx+","+margintop
rectangularright.to=marginright+","+margincentery
rectangularbottom.to=margincenterx+","+marginbottom
rectangularleft.to=marginleft+","+margincentery
rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor
rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor
}
function msover(thiscolorhighlight){
if(document.all&&window.print){
rectangulartopleft.strokecolor=thiscolorhighlight
rectangulartopright.strokecolor=thiscolorhighlight
rectangularbottomleft.strokecolor=thiscolorhighlight
rectangularbottomright.strokecolor=thiscolorhighlight
rectangulartop.strokecolor=thiscolorhighlight
rectangularright.strokecolor=thiscolorhighlight
rectangularbottom.strokecolor=thiscolorhighlight
rectangularleft.strokecolor=thiscolorhighlight
rectangulartopleft.strokeweight=lineweighthighlight
rectangulartopright.strokeweight=lineweighthighlight
rectangularbottomleft.strokeweight=lineweighthighlight
rectangularbottomright.strokeweight=lineweighthighlight
rectangulartop.strokeweight=lineweighthighlight
rectangularright.strokeweight=lineweighthighlight
rectangularbottom.strokeweight=lineweighthighlight
rectangularleft.strokeweight=lineweighthighlight
}
}
function msout(){
if(document.all&&window.print){
rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor
rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor
rectangulartopleft.strokeweight=lineweightnormal
rectangulartopright.strokeweight=lineweightnormal
rectangularbottomleft.strokeweight=lineweightnormal
rectangularbottomright.strokeweight=lineweightnormal
rectangulartop.strokeweight=lineweightnormal
rectangularright.strokeweight=lineweightnormal
rectangularbottom.strokeweight=lineweightnormal
rectangularleft.strokeweight=lineweightnormal
}
}
function momouse(){
if(document.all&&window.print){
mousepos_x=ietruebody().scrollLeft+event.clientX
mousepos_y=ietruebody().scrollTop+event.clientY
rectangulartopleft.from=mousepos_x+","+mousepos_y
rectangulartopright.from=mousepos_x+","+mousepos_y
rectangularbottomleft.from=mousepos_x+","+mousepos_y
rectangularbottomright.from=mousepos_x+","+mousepos_y
rectangulartop.from=mousepos_x+","+mousepos_y
rectangularright.from=mousepos_x+","+mousepos_y
rectangularbottom.from=mousepos_x+","+mousepos_y
rectangularleft.from=mousepos_x+","+mousepos_y
}
}
if(document.all&&window.print){
//document.body.className="disableHscroll"
ietruebody().className="disableHscroll"
code="<v:line id=rectangulartopleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangulartopright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangulartop style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottom style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
document.body.insertAdjacentHTML("afterBegin",code)
document.onmousemove=momouse
window.onload=initiateanimation
}
</script>
<a href="http://maskibow.blogspot.com" onMouseOver="msover('#FFEEEE')" onMouseOut="msout()">
Welcome To Maskibow</a> <br/>
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 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:
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
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 Scrolling Tooltip (Javascript-Tutorial-Maskibow) - On Maskibow Scrolling Tooltip (Javascript-Tutorial-Maskibow)
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
: Internet Explorer, Opera
Deskripsi :
Tooltip disini sama seperti tooltip yang sebelumnya kamu dapat memasang berbagai
pesan informasi yang kamu inginkan bro, baik berupa teks, maupun gambar. tooltip
ini akan muncul berada dekat pada kursor mouse yang berada diatas link tersebut.
Oh iya kalau ingin menambahkan efek bisa juga tuh sama seperti artikel yang sebelumnya.
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>
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=0
else
document.tooltip2.document.nstip.left=0
}
</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
<DIV id=tooltip2 style="VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; BACKGROUND-COLOR: orange">
<LAYER bgColor="orange" width="700px" name="nstip"></LAYER>
</DIV>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, Games, Tutorial dan Berbagai Info Jasa!')" onmouseout=hidetip2() href="http://www.maskibow.blogspot.com/">Home</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, seperti software anti virus, multimedia, Tools for windows, plugins, design dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Software">Free Software</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh game yang gratis diunduh, seperti game online, Action, Rpg, Strategy dan sebagainya! Cepat Click aja langsung!!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Games">Free Games</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh tutorial yang dapat dibaca, seperti Tips & Trik Photoshop, 3DSMAX, Javascript, WebDesign, WebBlog, Flash, Ms Office dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Tutorial">Free Tutorial</A><BR>
<A onmouseover="showtip2(this,event,'Nyari barang murah coba check saja disini dan temukan berbagai barang murah dan berkualitas')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Barang">Info Jual-Beli</A>
<br/>
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 6
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
: Internet Explorer, Opera
Deskripsi :
Tooltip disini sama seperti tooltip yang sebelumnya kamu dapat memasang berbagai
pesan informasi yang kamu inginkan bro, baik berupa teks, maupun gambar. tooltip
ini akan muncul berada dekat pada kursor mouse yang berada diatas link tersebut.
Oh iya kalau ingin menambahkan efek bisa juga tuh sama seperti artikel yang sebelumnya.
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>
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=0
else
document.tooltip2.document.nstip.left=0
}
</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
<DIV id=tooltip2 style="VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; BACKGROUND-COLOR: orange">
<LAYER bgColor="orange" width="700px" name="nstip"></LAYER>
</DIV>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, Games, Tutorial dan Berbagai Info Jasa!')" onmouseout=hidetip2() href="http://www.maskibow.blogspot.com/">Home</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, seperti software anti virus, multimedia, Tools for windows, plugins, design dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Software">Free Software</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh game yang gratis diunduh, seperti game online, Action, Rpg, Strategy dan sebagainya! Cepat Click aja langsung!!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Games">Free Games</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh tutorial yang dapat dibaca, seperti Tips & Trik Photoshop, 3DSMAX, Javascript, WebDesign, WebBlog, Flash, Ms Office dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Tutorial">Free Tutorial</A><BR>
<A onmouseover="showtip2(this,event,'Nyari barang murah coba check saja disini dan temukan berbagai barang murah dan berkualitas')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Barang">Info Jual-Beli</A>
<br/>
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 6
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
: Internet Explorer, Opera
Deskripsi :
Tooltip disini sama seperti tooltip yang sebelumnya kamu dapat memasang berbagai
pesan informasi yang kamu inginkan bro, baik berupa teks, maupun gambar. tooltip
ini akan muncul berada dekat pada kursor mouse yang berada diatas link tersebut.
Oh iya kalau ingin menambahkan efek bisa juga tuh sama seperti artikel yang sebelumnya.
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>
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=0
else
document.tooltip2.document.nstip.left=0
}
</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
<DIV id=tooltip2 style="VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; BACKGROUND-COLOR: orange">
<LAYER bgColor="orange" width="700px" name="nstip"></LAYER>
</DIV>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, Games, Tutorial dan Berbagai Info Jasa!')" onmouseout=hidetip2() href="http://www.maskibow.blogspot.com/">Home</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, seperti software anti virus, multimedia, Tools for windows, plugins, design dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Software">Free Software</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh game yang gratis diunduh, seperti game online, Action, Rpg, Strategy dan sebagainya! Cepat Click aja langsung!!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Games">Free Games</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh tutorial yang dapat dibaca, seperti Tips & Trik Photoshop, 3DSMAX, Javascript, WebDesign, WebBlog, Flash, Ms Office dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Tutorial">Free Tutorial</A><BR>
<A onmouseover="showtip2(this,event,'Nyari barang murah coba check saja disini dan temukan berbagai barang murah dan berkualitas')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Barang">Info Jual-Beli</A>
<br/>
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 6
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
: Internet Explorer, Opera
Deskripsi :
Tooltip disini sama seperti tooltip yang sebelumnya kamu dapat memasang berbagai
pesan informasi yang kamu inginkan bro, baik berupa teks, maupun gambar. tooltip
ini akan muncul berada dekat pada kursor mouse yang berada diatas link tersebut.
Oh iya kalau ingin menambahkan efek bisa juga tuh sama seperti artikel yang sebelumnya.
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>
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=0
else
document.tooltip2.document.nstip.left=0
}
</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
<DIV id=tooltip2 style="VISIBILITY: hidden; WIDTH: 150px; POSITION: absolute; BACKGROUND-COLOR: orange">
<LAYER bgColor="orange" width="700px" name="nstip"></LAYER>
</DIV>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, Games, Tutorial dan Berbagai Info Jasa!')" onmouseout=hidetip2() href="http://www.maskibow.blogspot.com/">Home</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh software yang gratis diunduh, seperti software anti virus, multimedia, Tools for windows, plugins, design dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Software">Free Software</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh game yang gratis diunduh, seperti game online, Action, Rpg, Strategy dan sebagainya! Cepat Click aja langsung!!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Games">Free Games</A><BR>
<A onmouseover="showtip2(this,event,'Kunjungi maskibow.blogspot.com dapatkan berbagai fresh tutorial yang dapat dibaca, seperti Tips & Trik Photoshop, 3DSMAX, Javascript, WebDesign, WebBlog, Flash, Ms Office dan sebagainya! Cepat Click aja langsung!')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Tutorial">Free Tutorial</A><BR>
<A onmouseover="showtip2(this,event,'Nyari barang murah coba check saja disini dan temukan berbagai barang murah dan berkualitas')" onmouseout=hidetip2() href="http://adf.ly/238465/maskibow.blogspot.com/search/label/Barang">Info Jual-Beli</A>
<br/>
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 6
Maskibow Script Link Ber-Gambar Bullet (JavaScript-Tutorial-Maskibow) - On Maskibow Script Link Ber-Gambar Bullet (JavaScript-Tutorial-Maskibow)
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 :
Tooltip disini beda dari yang lainnya biasanya tooltip-2x yang sebelumnya memberikan
informasi pesan intinya, tetapi yang ini memberikan efek berupa gambar, tetapi
kamu juga bisa mengubahnya menjadi suatu bacaan menggunakan fungsi tag.
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
<style>
.bulletimagestyle{
position: absolute;
left: -100px;
}
</style>
<script type="text/javascript">
//["imagepath", imagewidth, offsetxfromroot, offsetyfromroot]
var bulletimg1=["C|/WINDOWS/system32/oobe/images/nextup.jpg", 13, 13, 5]
var bulletimg2=["C|/WINDOWS/system32/oobe/images/skipup.jpg", 13, 13, 5]
var classnameRE=/(^|\s+)mkbbullet($|\s+)/i
function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}
function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"
document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"}
}
}
}
if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks
</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
<table width="70%" border="0" align="center" cellpadding="2" cellspacing="2">
<tr>
<td width="49%">
<a target="p" href="http://maskibow.blogspot.com/2010/12/selamat-datang-bro.html" class="mkbbullet" rel="bulletimg1"><b>Home</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Antivirus/" class="mkbbullet" rel="bulletimg2"><b>Anti Virus</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://www.maskibow.blogspot.com/search/label/Billing/" class="mkbbullet" rel="bulletimg1"><b>Billing Warnet</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Design/" class="mkbbullet" rel="bulletimg2"><b>Design</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://www.maskibow.blogspot.com/search/label/Multimedia/" class="mkbbullet" rel="bulletimg1"><b>Multimedia</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Tools/" class="mkbbullet" rel="bulletimg2"><b>Tools & Utility</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://maskibow.blogspot.com/search/label/gameonline/" class="mkbbullet" rel="bulletimg1"><b>Games On This Web</b></a></td>
<td width="51%">
<a href="http://maskibow.blogspot.com/search/label/Barang/" class="mkbbullet" rel="bulletimg2"><b>Info Belanja</b></a></td>
</tr>
</table>
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 6
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 :
Tooltip disini beda dari yang lainnya biasanya tooltip-2x yang sebelumnya memberikan
informasi pesan intinya, tetapi yang ini memberikan efek berupa gambar, tetapi
kamu juga bisa mengubahnya menjadi suatu bacaan menggunakan fungsi tag.
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
<style>
.bulletimagestyle{
position: absolute;
left: -100px;
}
</style>
<script type="text/javascript">
//["imagepath", imagewidth, offsetxfromroot, offsetyfromroot]
var bulletimg1=["C|/WINDOWS/system32/oobe/images/nextup.jpg", 13, 13, 5]
var bulletimg2=["C|/WINDOWS/system32/oobe/images/skipup.jpg", 13, 13, 5]
var classnameRE=/(^|\s+)mkbbullet($|\s+)/i
function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}
function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"
document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"}
}
}
}
if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks
</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
<table width="70%" border="0" align="center" cellpadding="2" cellspacing="2">
<tr>
<td width="49%">
<a target="p" href="http://maskibow.blogspot.com/2010/12/selamat-datang-bro.html" class="mkbbullet" rel="bulletimg1"><b>Home</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Antivirus/" class="mkbbullet" rel="bulletimg2"><b>Anti Virus</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://www.maskibow.blogspot.com/search/label/Billing/" class="mkbbullet" rel="bulletimg1"><b>Billing Warnet</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Design/" class="mkbbullet" rel="bulletimg2"><b>Design</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://www.maskibow.blogspot.com/search/label/Multimedia/" class="mkbbullet" rel="bulletimg1"><b>Multimedia</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Tools/" class="mkbbullet" rel="bulletimg2"><b>Tools & Utility</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://maskibow.blogspot.com/search/label/gameonline/" class="mkbbullet" rel="bulletimg1"><b>Games On This Web</b></a></td>
<td width="51%">
<a href="http://maskibow.blogspot.com/search/label/Barang/" class="mkbbullet" rel="bulletimg2"><b>Info Belanja</b></a></td>
</tr>
</table>
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 6
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 :
Tooltip disini beda dari yang lainnya biasanya tooltip-2x yang sebelumnya memberikan
informasi pesan intinya, tetapi yang ini memberikan efek berupa gambar, tetapi
kamu juga bisa mengubahnya menjadi suatu bacaan menggunakan fungsi tag.
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
<style>
.bulletimagestyle{
position: absolute;
left: -100px;
}
</style>
<script type="text/javascript">
//["imagepath", imagewidth, offsetxfromroot, offsetyfromroot]
var bulletimg1=["C|/WINDOWS/system32/oobe/images/nextup.jpg", 13, 13, 5]
var bulletimg2=["C|/WINDOWS/system32/oobe/images/skipup.jpg", 13, 13, 5]
var classnameRE=/(^|\s+)mkbbullet($|\s+)/i
function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}
function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"
document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"}
}
}
}
if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks
</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
<table width="70%" border="0" align="center" cellpadding="2" cellspacing="2">
<tr>
<td width="49%">
<a target="p" href="http://maskibow.blogspot.com/2010/12/selamat-datang-bro.html" class="mkbbullet" rel="bulletimg1"><b>Home</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Antivirus/" class="mkbbullet" rel="bulletimg2"><b>Anti Virus</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://www.maskibow.blogspot.com/search/label/Billing/" class="mkbbullet" rel="bulletimg1"><b>Billing Warnet</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Design/" class="mkbbullet" rel="bulletimg2"><b>Design</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://www.maskibow.blogspot.com/search/label/Multimedia/" class="mkbbullet" rel="bulletimg1"><b>Multimedia</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Tools/" class="mkbbullet" rel="bulletimg2"><b>Tools & Utility</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://maskibow.blogspot.com/search/label/gameonline/" class="mkbbullet" rel="bulletimg1"><b>Games On This Web</b></a></td>
<td width="51%">
<a href="http://maskibow.blogspot.com/search/label/Barang/" class="mkbbullet" rel="bulletimg2"><b>Info Belanja</b></a></td>
</tr>
</table>
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 6
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 :
Tooltip disini beda dari yang lainnya biasanya tooltip-2x yang sebelumnya memberikan
informasi pesan intinya, tetapi yang ini memberikan efek berupa gambar, tetapi
kamu juga bisa mengubahnya menjadi suatu bacaan menggunakan fungsi tag.
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
<style>
.bulletimagestyle{
position: absolute;
left: -100px;
}
</style>
<script type="text/javascript">
//["imagepath", imagewidth, offsetxfromroot, offsetyfromroot]
var bulletimg1=["C|/WINDOWS/system32/oobe/images/nextup.jpg", 13, 13, 5]
var bulletimg2=["C|/WINDOWS/system32/oobe/images/skipup.jpg", 13, 13, 5]
var classnameRE=/(^|\s+)mkbbullet($|\s+)/i
function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}
function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"
document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"}
}
}
}
if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks
</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
<table width="70%" border="0" align="center" cellpadding="2" cellspacing="2">
<tr>
<td width="49%">
<a target="p" href="http://maskibow.blogspot.com/2010/12/selamat-datang-bro.html" class="mkbbullet" rel="bulletimg1"><b>Home</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Antivirus/" class="mkbbullet" rel="bulletimg2"><b>Anti Virus</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://www.maskibow.blogspot.com/search/label/Billing/" class="mkbbullet" rel="bulletimg1"><b>Billing Warnet</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Design/" class="mkbbullet" rel="bulletimg2"><b>Design</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://www.maskibow.blogspot.com/search/label/Multimedia/" class="mkbbullet" rel="bulletimg1"><b>Multimedia</b></a></td>
<td width="51%">
<a href="http://www.maskibow.blogspot.com/search/label/Tools/" class="mkbbullet" rel="bulletimg2"><b>Tools & Utility</b></a></td>
</tr>
<tr>
<td width="49%">
<a href="http://maskibow.blogspot.com/search/label/gameonline/" class="mkbbullet" rel="bulletimg1"><b>Games On This Web</b></a></td>
<td width="51%">
<a href="http://maskibow.blogspot.com/search/label/Barang/" class="mkbbullet" rel="bulletimg2"><b>Info Belanja</b></a></td>
</tr>
</table>
Label: Link Tooltip , Tutorial , Tutorial 1 , TWeb , TWeb 6
Maskibow Popup information box III (fade-in) (JavaScript-Tutorial-Maskibow) - On Maskibow Popup information box III (fade-in) (JavaScript-Tutorial-Maskibow)
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Tooltip disini memberikan efek pada garis batas papan yang seperti tampak 3 dimensi, selain itu tooltip didini dapat disett menjadi float
atau apapun sesuai dengan keinginan kamu yang tentu kamu sukai lah.
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
<style>
.navtext {text-align:left; width:235px; font:bold 9pt sans-serif; border-width:3px; border-style:outset; border-color:white; background-color:orange; layer-background-color:tan; color:black; }
</style>
<script language="javascript">
var dofade=true;
var center=false;
var centertext=false;
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? true : false;
var IE4 = (document.all && !document.getElementById)? true : false;
var IE5 = (document.getElementById && document.all)? true : false;
var NS6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var W3C = (document.getElementById)? true : false;
var w_y, w_x, navtxt, boxheight, boxwidth;
var ishover=false;
var isloaded=false;
var ieop=0;
var op_id=0;
function getwindowdims(){
w_y=(NS4||NS6||window.opera)? window.innerHeight : (IE5||IE4)? document.body.clientHeight : 0;
w_x=(NS4||NS6||window.opera)? window.innerWidth : (IE5||IE4)? document.body.clientWidth : 0;
}
function getboxwidth(){
if(NS4)boxwidth=(navtxt.document.width)? navtxt.document.width : navtxt.clip.width;
if(IE5||IE4)boxwidth=(navtxt.style.pixelWidth)? navtxt.style.pixelWidth : navtxt.offsetWidth;
if(NS6)boxwidth=(navtxt.style.width)? parseInt(navtxt.style.width) : parseInt(navtxt.offsetWidth);
}
function getboxheight(){
if(NS4)boxheight=(navtxt.document.height)? navtxt.document.height : navtxt.clip.height;
if(IE4||IE5)boxheight=(navtxt.style.pixelHeight)? navtxt.style.pixelHeight : navtxt.offsetHeight;
if(NS6)boxheight=parseInt(navtxt.offsetHeight);
}
function movenavtxt(x,y){
if(NS4)navtxt.moveTo(x,y);
if(W3C||IE4){
navtxt.style.left=x+'px';
navtxt.style.top=y+'px';
}}
function getpagescrolly(){
if(NS4||NS6)return window.pageYOffset;
if(IE5||IE4)return ietruebody().scrollTop;
}
function getpagescrollx(){
if(NS4||NS6)return window.pageXOffset;
if(IE5||IE4)return ietruebody().scrollLeft;
}
function writeindiv(text){
if(NS4){
navtxt.document.open();
navtxt.document.write(text);
navtxt.document.close();
}
if(W3C||IE4)navtxt.innerHTML=text;
}
function writetxt(text){
if(isloaded){
if(text!=0){
ishover=true;
if(NS4)text='<div class="navtext">'+((centertext)?'<center>':'')+text+((centertext)?'</center>':'')+'</div>';
writeindiv(text);
getboxheight();
if((W3C || IE4) && dofade){
ieop=0;
incropacity();
}}else{
if(NS4)navtxt.visibility="hide";
if(IE4||W3C){
if(dofade)clearTimeout(op_id);
navtxt.style.visibility="hidden";
}
writeindiv('');
ishover=false;
}}}
function incropacity(){
if(ieop<=100){
ieop+=7;
if(IE4 || IE5)navtxt.style.filter="alpha(opacity="+ieop+")";
if(NS6)navtxt.style.MozOpacity=ieop/100;
op_id=setTimeout('incropacity()', 50);
}}
function moveobj(evt){
if(isloaded && ishover){
margin=(IE4||IE5)? 1 : 23;
if(NS6)if(document.height+27-window.innerHeight<0)margin=15;
if(NS4)if(document.height-window.innerHeight<0)margin=10;
if (NS4){
mx=evt.pageX
my=evt.pageY
}
else if (NS6){
mx=evt.clientX
my=evt.clientY
}
else if (IE5){
mx=event.clientX
my=event.clientY
}
else if (IE4){
mx=0
my=0
}
if(NS4){
mx-=getpagescrollx();
my-=getpagescrolly();
}
xoff=(center)? mx-boxwidth/2 : mx+5;
yoff=(my+boxheight+30-getpagescrolly()+margin>=w_y)? -15-boxheight: 30;
movenavtxt( Math.min(w_x-boxwidth-margin , Math.max(2,xoff))+getpagescrollx() , my+yoff+getpagescrolly());
if(NS4)navtxt.visibility="show";
if(W3C||IE4)navtxt.style.visibility="visible";
}}
if(NS4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=moveobj;
window.onload=function(){
navtxt=(NS4)? document.layers['navtxt'] : (IE4)? document.all['navtxt'] : (W3C)? document.getElementById('navtxt') : null;
getboxwidth();
getboxheight();
getwindowdims();
isloaded=true;
if((W3C || IE4) && centertext)navtxt.style.textAlign="center";
if(W3C)navtxt.style.padding='8px';
if(IE4 || IE5 && dofade)navtxt.style.filter="alpha(opacity=0)";
}
window.onresize=getwindowdims;
</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
<center>
<br><br><br>
<a href="http://www.maskibow.blogspot.com/search/label/Antivirus" onmouseover="writetxt('Disini Banyak Tersedia Antivirus yang dapat di download Plus Crack dan Patch-nya')" onmouseout="writetxt(0)"><b>Ingin Download Gratis Antivirus??</b></a>
<br><br><br>
<table align="center" width="500">
<tr>
<td align="left" width="50%"><a href="http://www.maskibow.blogspot.com/search/label/Billing" onmouseover="writetxt('<big>Terdapat :</big><br>-Billing Deskpro Full.<br>-Billing B-29.<br>-G-Billing.<br>-MOG Billing...Etc..lah')" onmouseout="writetxt(0)"><b>Atau Ingin Download<br/>Gratis Biling Warnet??</b></a>
</td>
<td align="right" width="50%"><a href="http://www.maskibow.blogspot.com/search/label/Software" onmouseover="writetxt('Terdapat disini macam-macam software multimedia.<br><br>juga, macam-macam software design.')" onmouseout="writetxt(0)"><b>Atau Ingin Download<br/>Software Gratis??</b></a>
</td>
</tr>
</table>
<br><br><br>
<a href="http://maskibow.blogspot.com/search/label/TWeb" onmouseover="writetxt('Banyak script-script Web page yang gratis kamu bisa dapat disini!!')" onmouseout="writetxt(0)" target="_blank"><b>Ingin Download Baca Tutorial??</b></a>
</center>
<div id="navtxt" class="navtext" style="position:absolute; top:-100px; left:0px; visibility:hidden"></div>
<br/>
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 6
0 Komentar
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Tooltip disini memberikan efek pada garis batas papan yang seperti tampak 3 dimensi, selain itu tooltip didini dapat disett menjadi float
atau apapun sesuai dengan keinginan kamu yang tentu kamu sukai lah.
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
<style>
.navtext {text-align:left; width:235px; font:bold 9pt sans-serif; border-width:3px; border-style:outset; border-color:white; background-color:orange; layer-background-color:tan; color:black; }
</style>
<script language="javascript">
var dofade=true;
var center=false;
var centertext=false;
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? true : false;
var IE4 = (document.all && !document.getElementById)? true : false;
var IE5 = (document.getElementById && document.all)? true : false;
var NS6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var W3C = (document.getElementById)? true : false;
var w_y, w_x, navtxt, boxheight, boxwidth;
var ishover=false;
var isloaded=false;
var ieop=0;
var op_id=0;
function getwindowdims(){
w_y=(NS4||NS6||window.opera)? window.innerHeight : (IE5||IE4)? document.body.clientHeight : 0;
w_x=(NS4||NS6||window.opera)? window.innerWidth : (IE5||IE4)? document.body.clientWidth : 0;
}
function getboxwidth(){
if(NS4)boxwidth=(navtxt.document.width)? navtxt.document.width : navtxt.clip.width;
if(IE5||IE4)boxwidth=(navtxt.style.pixelWidth)? navtxt.style.pixelWidth : navtxt.offsetWidth;
if(NS6)boxwidth=(navtxt.style.width)? parseInt(navtxt.style.width) : parseInt(navtxt.offsetWidth);
}
function getboxheight(){
if(NS4)boxheight=(navtxt.document.height)? navtxt.document.height : navtxt.clip.height;
if(IE4||IE5)boxheight=(navtxt.style.pixelHeight)? navtxt.style.pixelHeight : navtxt.offsetHeight;
if(NS6)boxheight=parseInt(navtxt.offsetHeight);
}
function movenavtxt(x,y){
if(NS4)navtxt.moveTo(x,y);
if(W3C||IE4){
navtxt.style.left=x+'px';
navtxt.style.top=y+'px';
}}
function getpagescrolly(){
if(NS4||NS6)return window.pageYOffset;
if(IE5||IE4)return ietruebody().scrollTop;
}
function getpagescrollx(){
if(NS4||NS6)return window.pageXOffset;
if(IE5||IE4)return ietruebody().scrollLeft;
}
function writeindiv(text){
if(NS4){
navtxt.document.open();
navtxt.document.write(text);
navtxt.document.close();
}
if(W3C||IE4)navtxt.innerHTML=text;
}
function writetxt(text){
if(isloaded){
if(text!=0){
ishover=true;
if(NS4)text='<div class="navtext">'+((centertext)?'<center>':'')+text+((centertext)?'</center>':'')+'</div>';
writeindiv(text);
getboxheight();
if((W3C || IE4) && dofade){
ieop=0;
incropacity();
}}else{
if(NS4)navtxt.visibility="hide";
if(IE4||W3C){
if(dofade)clearTimeout(op_id);
navtxt.style.visibility="hidden";
}
writeindiv('');
ishover=false;
}}}
function incropacity(){
if(ieop<=100){
ieop+=7;
if(IE4 || IE5)navtxt.style.filter="alpha(opacity="+ieop+")";
if(NS6)navtxt.style.MozOpacity=ieop/100;
op_id=setTimeout('incropacity()', 50);
}}
function moveobj(evt){
if(isloaded && ishover){
margin=(IE4||IE5)? 1 : 23;
if(NS6)if(document.height+27-window.innerHeight<0)margin=15;
if(NS4)if(document.height-window.innerHeight<0)margin=10;
if (NS4){
mx=evt.pageX
my=evt.pageY
}
else if (NS6){
mx=evt.clientX
my=evt.clientY
}
else if (IE5){
mx=event.clientX
my=event.clientY
}
else if (IE4){
mx=0
my=0
}
if(NS4){
mx-=getpagescrollx();
my-=getpagescrolly();
}
xoff=(center)? mx-boxwidth/2 : mx+5;
yoff=(my+boxheight+30-getpagescrolly()+margin>=w_y)? -15-boxheight: 30;
movenavtxt( Math.min(w_x-boxwidth-margin , Math.max(2,xoff))+getpagescrollx() , my+yoff+getpagescrolly());
if(NS4)navtxt.visibility="show";
if(W3C||IE4)navtxt.style.visibility="visible";
}}
if(NS4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=moveobj;
window.onload=function(){
navtxt=(NS4)? document.layers['navtxt'] : (IE4)? document.all['navtxt'] : (W3C)? document.getElementById('navtxt') : null;
getboxwidth();
getboxheight();
getwindowdims();
isloaded=true;
if((W3C || IE4) && centertext)navtxt.style.textAlign="center";
if(W3C)navtxt.style.padding='8px';
if(IE4 || IE5 && dofade)navtxt.style.filter="alpha(opacity=0)";
}
window.onresize=getwindowdims;
</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
<center>
<br><br><br>
<a href="http://www.maskibow.blogspot.com/search/label/Antivirus" onmouseover="writetxt('Disini Banyak Tersedia Antivirus yang dapat di download Plus Crack dan Patch-nya')" onmouseout="writetxt(0)"><b>Ingin Download Gratis Antivirus??</b></a>
<br><br><br>
<table align="center" width="500">
<tr>
<td align="left" width="50%"><a href="http://www.maskibow.blogspot.com/search/label/Billing" onmouseover="writetxt('<big>Terdapat :</big><br>-Billing Deskpro Full.<br>-Billing B-29.<br>-G-Billing.<br>-MOG Billing...Etc..lah')" onmouseout="writetxt(0)"><b>Atau Ingin Download<br/>Gratis Biling Warnet??</b></a>
</td>
<td align="right" width="50%"><a href="http://www.maskibow.blogspot.com/search/label/Software" onmouseover="writetxt('Terdapat disini macam-macam software multimedia.<br><br>juga, macam-macam software design.')" onmouseout="writetxt(0)"><b>Atau Ingin Download<br/>Software Gratis??</b></a>
</td>
</tr>
</table>
<br><br><br>
<a href="http://maskibow.blogspot.com/search/label/TWeb" onmouseover="writetxt('Banyak script-script Web page yang gratis kamu bisa dapat disini!!')" onmouseout="writetxt(0)" target="_blank"><b>Ingin Download Baca Tutorial??</b></a>
</center>
<div id="navtxt" class="navtext" style="position:absolute; top:-100px; left:0px; visibility:hidden"></div>
<br/>
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 6
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Tooltip disini memberikan efek pada garis batas papan yang seperti tampak 3 dimensi, selain itu tooltip didini dapat disett menjadi float
atau apapun sesuai dengan keinginan kamu yang tentu kamu sukai lah.
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
<style>
.navtext {text-align:left; width:235px; font:bold 9pt sans-serif; border-width:3px; border-style:outset; border-color:white; background-color:orange; layer-background-color:tan; color:black; }
</style>
<script language="javascript">
var dofade=true;
var center=false;
var centertext=false;
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? true : false;
var IE4 = (document.all && !document.getElementById)? true : false;
var IE5 = (document.getElementById && document.all)? true : false;
var NS6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var W3C = (document.getElementById)? true : false;
var w_y, w_x, navtxt, boxheight, boxwidth;
var ishover=false;
var isloaded=false;
var ieop=0;
var op_id=0;
function getwindowdims(){
w_y=(NS4||NS6||window.opera)? window.innerHeight : (IE5||IE4)? document.body.clientHeight : 0;
w_x=(NS4||NS6||window.opera)? window.innerWidth : (IE5||IE4)? document.body.clientWidth : 0;
}
function getboxwidth(){
if(NS4)boxwidth=(navtxt.document.width)? navtxt.document.width : navtxt.clip.width;
if(IE5||IE4)boxwidth=(navtxt.style.pixelWidth)? navtxt.style.pixelWidth : navtxt.offsetWidth;
if(NS6)boxwidth=(navtxt.style.width)? parseInt(navtxt.style.width) : parseInt(navtxt.offsetWidth);
}
function getboxheight(){
if(NS4)boxheight=(navtxt.document.height)? navtxt.document.height : navtxt.clip.height;
if(IE4||IE5)boxheight=(navtxt.style.pixelHeight)? navtxt.style.pixelHeight : navtxt.offsetHeight;
if(NS6)boxheight=parseInt(navtxt.offsetHeight);
}
function movenavtxt(x,y){
if(NS4)navtxt.moveTo(x,y);
if(W3C||IE4){
navtxt.style.left=x+'px';
navtxt.style.top=y+'px';
}}
function getpagescrolly(){
if(NS4||NS6)return window.pageYOffset;
if(IE5||IE4)return ietruebody().scrollTop;
}
function getpagescrollx(){
if(NS4||NS6)return window.pageXOffset;
if(IE5||IE4)return ietruebody().scrollLeft;
}
function writeindiv(text){
if(NS4){
navtxt.document.open();
navtxt.document.write(text);
navtxt.document.close();
}
if(W3C||IE4)navtxt.innerHTML=text;
}
function writetxt(text){
if(isloaded){
if(text!=0){
ishover=true;
if(NS4)text='<div class="navtext">'+((centertext)?'<center>':'')+text+((centertext)?'</center>':'')+'</div>';
writeindiv(text);
getboxheight();
if((W3C || IE4) && dofade){
ieop=0;
incropacity();
}}else{
if(NS4)navtxt.visibility="hide";
if(IE4||W3C){
if(dofade)clearTimeout(op_id);
navtxt.style.visibility="hidden";
}
writeindiv('');
ishover=false;
}}}
function incropacity(){
if(ieop<=100){
ieop+=7;
if(IE4 || IE5)navtxt.style.filter="alpha(opacity="+ieop+")";
if(NS6)navtxt.style.MozOpacity=ieop/100;
op_id=setTimeout('incropacity()', 50);
}}
function moveobj(evt){
if(isloaded && ishover){
margin=(IE4||IE5)? 1 : 23;
if(NS6)if(document.height+27-window.innerHeight<0)margin=15;
if(NS4)if(document.height-window.innerHeight<0)margin=10;
if (NS4){
mx=evt.pageX
my=evt.pageY
}
else if (NS6){
mx=evt.clientX
my=evt.clientY
}
else if (IE5){
mx=event.clientX
my=event.clientY
}
else if (IE4){
mx=0
my=0
}
if(NS4){
mx-=getpagescrollx();
my-=getpagescrolly();
}
xoff=(center)? mx-boxwidth/2 : mx+5;
yoff=(my+boxheight+30-getpagescrolly()+margin>=w_y)? -15-boxheight: 30;
movenavtxt( Math.min(w_x-boxwidth-margin , Math.max(2,xoff))+getpagescrollx() , my+yoff+getpagescrolly());
if(NS4)navtxt.visibility="show";
if(W3C||IE4)navtxt.style.visibility="visible";
}}
if(NS4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=moveobj;
window.onload=function(){
navtxt=(NS4)? document.layers['navtxt'] : (IE4)? document.all['navtxt'] : (W3C)? document.getElementById('navtxt') : null;
getboxwidth();
getboxheight();
getwindowdims();
isloaded=true;
if((W3C || IE4) && centertext)navtxt.style.textAlign="center";
if(W3C)navtxt.style.padding='8px';
if(IE4 || IE5 && dofade)navtxt.style.filter="alpha(opacity=0)";
}
window.onresize=getwindowdims;
</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
<center>
<br><br><br>
<a href="http://www.maskibow.blogspot.com/search/label/Antivirus" onmouseover="writetxt('Disini Banyak Tersedia Antivirus yang dapat di download Plus Crack dan Patch-nya')" onmouseout="writetxt(0)"><b>Ingin Download Gratis Antivirus??</b></a>
<br><br><br>
<table align="center" width="500">
<tr>
<td align="left" width="50%"><a href="http://www.maskibow.blogspot.com/search/label/Billing" onmouseover="writetxt('<big>Terdapat :</big><br>-Billing Deskpro Full.<br>-Billing B-29.<br>-G-Billing.<br>-MOG Billing...Etc..lah')" onmouseout="writetxt(0)"><b>Atau Ingin Download<br/>Gratis Biling Warnet??</b></a>
</td>
<td align="right" width="50%"><a href="http://www.maskibow.blogspot.com/search/label/Software" onmouseover="writetxt('Terdapat disini macam-macam software multimedia.<br><br>juga, macam-macam software design.')" onmouseout="writetxt(0)"><b>Atau Ingin Download<br/>Software Gratis??</b></a>
</td>
</tr>
</table>
<br><br><br>
<a href="http://maskibow.blogspot.com/search/label/TWeb" onmouseover="writetxt('Banyak script-script Web page yang gratis kamu bisa dapat disini!!')" onmouseout="writetxt(0)" target="_blank"><b>Ingin Download Baca Tutorial??</b></a>
</center>
<div id="navtxt" class="navtext" style="position:absolute; top:-100px; left:0px; visibility:hidden"></div>
<br/>
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 6
8 stars -10 stars -10 Komentar Over 1,500,000
4 stars-
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Tooltip disini memberikan efek pada garis batas papan yang seperti tampak 3 dimensi, selain itu tooltip didini dapat disett menjadi float
atau apapun sesuai dengan keinginan kamu yang tentu kamu sukai lah.
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
<style>
.navtext {text-align:left; width:235px; font:bold 9pt sans-serif; border-width:3px; border-style:outset; border-color:white; background-color:orange; layer-background-color:tan; color:black; }
</style>
<script language="javascript">
var dofade=true;
var center=false;
var centertext=false;
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? true : false;
var IE4 = (document.all && !document.getElementById)? true : false;
var IE5 = (document.getElementById && document.all)? true : false;
var NS6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var W3C = (document.getElementById)? true : false;
var w_y, w_x, navtxt, boxheight, boxwidth;
var ishover=false;
var isloaded=false;
var ieop=0;
var op_id=0;
function getwindowdims(){
w_y=(NS4||NS6||window.opera)? window.innerHeight : (IE5||IE4)? document.body.clientHeight : 0;
w_x=(NS4||NS6||window.opera)? window.innerWidth : (IE5||IE4)? document.body.clientWidth : 0;
}
function getboxwidth(){
if(NS4)boxwidth=(navtxt.document.width)? navtxt.document.width : navtxt.clip.width;
if(IE5||IE4)boxwidth=(navtxt.style.pixelWidth)? navtxt.style.pixelWidth : navtxt.offsetWidth;
if(NS6)boxwidth=(navtxt.style.width)? parseInt(navtxt.style.width) : parseInt(navtxt.offsetWidth);
}
function getboxheight(){
if(NS4)boxheight=(navtxt.document.height)? navtxt.document.height : navtxt.clip.height;
if(IE4||IE5)boxheight=(navtxt.style.pixelHeight)? navtxt.style.pixelHeight : navtxt.offsetHeight;
if(NS6)boxheight=parseInt(navtxt.offsetHeight);
}
function movenavtxt(x,y){
if(NS4)navtxt.moveTo(x,y);
if(W3C||IE4){
navtxt.style.left=x+'px';
navtxt.style.top=y+'px';
}}
function getpagescrolly(){
if(NS4||NS6)return window.pageYOffset;
if(IE5||IE4)return ietruebody().scrollTop;
}
function getpagescrollx(){
if(NS4||NS6)return window.pageXOffset;
if(IE5||IE4)return ietruebody().scrollLeft;
}
function writeindiv(text){
if(NS4){
navtxt.document.open();
navtxt.document.write(text);
navtxt.document.close();
}
if(W3C||IE4)navtxt.innerHTML=text;
}
function writetxt(text){
if(isloaded){
if(text!=0){
ishover=true;
if(NS4)text='<div class="navtext">'+((centertext)?'<center>':'')+text+((centertext)?'</center>':'')+'</div>';
writeindiv(text);
getboxheight();
if((W3C || IE4) && dofade){
ieop=0;
incropacity();
}}else{
if(NS4)navtxt.visibility="hide";
if(IE4||W3C){
if(dofade)clearTimeout(op_id);
navtxt.style.visibility="hidden";
}
writeindiv('');
ishover=false;
}}}
function incropacity(){
if(ieop<=100){
ieop+=7;
if(IE4 || IE5)navtxt.style.filter="alpha(opacity="+ieop+")";
if(NS6)navtxt.style.MozOpacity=ieop/100;
op_id=setTimeout('incropacity()', 50);
}}
function moveobj(evt){
if(isloaded && ishover){
margin=(IE4||IE5)? 1 : 23;
if(NS6)if(document.height+27-window.innerHeight<0)margin=15;
if(NS4)if(document.height-window.innerHeight<0)margin=10;
if (NS4){
mx=evt.pageX
my=evt.pageY
}
else if (NS6){
mx=evt.clientX
my=evt.clientY
}
else if (IE5){
mx=event.clientX
my=event.clientY
}
else if (IE4){
mx=0
my=0
}
if(NS4){
mx-=getpagescrollx();
my-=getpagescrolly();
}
xoff=(center)? mx-boxwidth/2 : mx+5;
yoff=(my+boxheight+30-getpagescrolly()+margin>=w_y)? -15-boxheight: 30;
movenavtxt( Math.min(w_x-boxwidth-margin , Math.max(2,xoff))+getpagescrollx() , my+yoff+getpagescrolly());
if(NS4)navtxt.visibility="show";
if(W3C||IE4)navtxt.style.visibility="visible";
}}
if(NS4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=moveobj;
window.onload=function(){
navtxt=(NS4)? document.layers['navtxt'] : (IE4)? document.all['navtxt'] : (W3C)? document.getElementById('navtxt') : null;
getboxwidth();
getboxheight();
getwindowdims();
isloaded=true;
if((W3C || IE4) && centertext)navtxt.style.textAlign="center";
if(W3C)navtxt.style.padding='8px';
if(IE4 || IE5 && dofade)navtxt.style.filter="alpha(opacity=0)";
}
window.onresize=getwindowdims;
</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
<center>
<br><br><br>
<a href="http://www.maskibow.blogspot.com/search/label/Antivirus" onmouseover="writetxt('Disini Banyak Tersedia Antivirus yang dapat di download Plus Crack dan Patch-nya')" onmouseout="writetxt(0)"><b>Ingin Download Gratis Antivirus??</b></a>
<br><br><br>
<table align="center" width="500">
<tr>
<td align="left" width="50%"><a href="http://www.maskibow.blogspot.com/search/label/Billing" onmouseover="writetxt('<big>Terdapat :</big><br>-Billing Deskpro Full.<br>-Billing B-29.<br>-G-Billing.<br>-MOG Billing...Etc..lah')" onmouseout="writetxt(0)"><b>Atau Ingin Download<br/>Gratis Biling Warnet??</b></a>
</td>
<td align="right" width="50%"><a href="http://www.maskibow.blogspot.com/search/label/Software" onmouseover="writetxt('Terdapat disini macam-macam software multimedia.<br><br>juga, macam-macam software design.')" onmouseout="writetxt(0)"><b>Atau Ingin Download<br/>Software Gratis??</b></a>
</td>
</tr>
</table>
<br><br><br>
<a href="http://maskibow.blogspot.com/search/label/TWeb" onmouseover="writetxt('Banyak script-script Web page yang gratis kamu bisa dapat disini!!')" onmouseout="writetxt(0)" target="_blank"><b>Ingin Download Baca Tutorial??</b></a>
</center>
<div id="navtxt" class="navtext" style="position:absolute; top:-100px; left:0px; visibility:hidden"></div>
<br/>
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 6
Maskibow