My Posting
Link Tooltip Classic All (JavaScript-Tutorial-Maskibow) - On Maskibow Link Tooltip Classic All (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 :
Script ini memberikan segala jenis tooltip efek yang muncul
memberikan pesan informasi yang anda buat, script disini menampilkan efek yang
sederhana tapi multi fungsi efek atau gaya tooltip yang ingin kamu gunakan.
Contoh :
Disini diberikan beberapa contoh dari efek tootip tersebut coba kamu arahkan kursor kamu ke link yang ada di bawah ini bro:
Selamat datang di
Maskibow Contoh pertama merupakan Tooltip yang tertera judul tooltip dan isi tooltip, tetapi apabila kamu
Tidak ada Judul , kamu bisa menggunakan tooltip ini, atau kamu juga ingin mengatur di posisi
Kanan Toltip kamu berada, atau mungkin di
Tengah atau juga di
Kiri Wkwkwkw terserah lw deh bro pengen bergaya
float atau juga bergaya
fixed . Kamu juga dapat memberikan informasi berupa link didalamnya seperti bergaya
sticky yang harus kamu tutup secara manual atau juga dapat kamu
Pegang dan bawa kemana saja tooltip tersebut terserah. Kamu juga dapat mensetting jarak posisinya baik setting di
Kiri Setting di
Kanan Kordinat papan tooltip dengan kursormu. atau juga memberika tambahan didalam papanmu
Efek yang mungkin dapat digunakan di internet explorer. Atau setting besarnya
Isi Papanmu supaya dapat terlihat lebih jelas. Atau juga kamu isi dengan berbagai
HTML Tag . Pokoknya banyak deh brooo....
Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly
pada pojok kanan atas lalu download dan open deh..
Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah
code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:
Langkah 2: Jika yang diatas tersebut sudah dijalankan maka, Copy dan
taruh script di bawah ini di bawah code <BODY> pada webpage kamu atau bisa juga
pada postingan kamu jika menulis postingan menggunakan HTML:
Pilih Semua
<DIV id="TipLayer" style="visibility:hidden;position:absolute;z-index:1000;top:-100"></DIV>
<SCRIPT language="JavaScript1.2">
var FiltersEnabled = 0
Text[1]=["Welcome To Maskibow","Selamat datang di Maskibow, Disini tempatnya serba gratis Bro!!"]
Text[2]=["","Nyari Software Gratisan langsung aja meluncur Broo..."]
Text[3]=["Antivirus","Mulai dari Kaspersky, Norton, Bitdefender, Avast, Vipre, Etc, yang lokal juga ada!"]
Text[4]=["Billing Warnet","Mulai dari Deskpro, B-29, MoG, G-Billing, EZ-Billing dan lain-2x"]
Text[5]=["Software Design","Mulai dari Design Web, Blogger, Animasi, 3D dan sebagainya"]
Text[6]=["Software Multimedia","TMulai dari Winamp, real player sampai ke software karaokean bro!!"]
Text[7]=["Atau Tools Program","Mulai dari Winzip, Winrar, Data recovery, HD regenerator dan masih banyak lagi"]
Text[8]=["Info Belanja","Disini tempatnya barang murah-meriah dan berkualitas <A href='http://migoicons.tripod.com'>Lihat</A>"]
Text[9]=["Maskibow","Pokoknya tempel terus deh maskibow"]
Text[10]=["Games","Mulai dari Game Online, Games PC, sampe ke Game House Semuanya gratis"]
Text[11]=["Info Tutorial","Mulai dari Tutorial Javascript, Design, Multimedia sampai ke masalah tekhnik Brooo..."]
Text[12]=["Terjemah Al-Quran","Sambil mendengarkan Al-quran juga dapat belajar mengenai arti dari bacaan tersebut broo.."]
Text[13]=["Facebook","Gunakan Aplikasi facebook disini akan menampilkan icon FB yang berbeda! "]
Text[14]=["Di Maskibow","Serba Mudah, Gampang dan graris Broo"]
Text[15]=["","Langsung deh meluncur ke Maskibow"]
Text[16]=["","<b>Welcome To Maskibow</b> <li>Free Software</li> <li>Free Games</li> <li>Free Tutorial</li> <li>Free Info Belanja</li>"]
// [teks judul,teks isi,papan judul,papan isi, , , , , , , , ,ttppstn, ,bsrteksjdl,bsrteksisi,lbrpapan,tngipapan,boder,bgisi,dst]
Style[1]=["black","orange","orange","black","","","","","","","center","",2,2,200,"",2,2,10,10,"","","","",""]
Style[2]=["black","orange","orange","black","","","","","","","left","",2,2,200,"",2,2,10,10,"","","","",""]
Style[3]=["black","orange","orange","black","","","","","","","float","",2,2,200,"",2,2,10,10,"","","","",""]
Style[4]=["black","orange","orange","black","","","","","","","fixed","",2,2,200,"",2,2,1,1,"","","","",""]
Style[5]=["black","orange","orange","black","","","","","","","","sticky",2,2,200,"",2,2,10,10,"","","","",""]
Style[6]=["black","orange","orange","black","","","","","","","","keep",2,2,200,"",2,2,10,10,"","","","",""]
Style[7]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,40,10,"","","","",""]
Style[8]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,50,"","","","",""]
Style[9]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,51,0.5,75,"simple","gray"]
Style[10]=["black","orange","orange","black","","","right","","Impact","cursive","center","",3,5,200,150,5,20,10,0,50,1,80,"complex","gray"]
Style[11]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,51,0.5,45,"simple","gray"]
Style[12]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,"","","","",""]
applyCssFilter()
</SCRIPT>
<P>Disini diberikan beberapa contoh dari efek tootip tersebut coba kamu arahkan kursor kamu ke link yang ada di bawah ini bro:</P>
<P>Selamat datang di
<A href="#" onMouseOver="stm(Text[1],Style[12])" onMouseOut="htm()">Maskibow</a> Contoh pertama merupakan Tooltip yang tertera judul tooltip dan isi tooltip, tetapi apabila kamu
<A href="#" onMouseOver="stm(Text[2],Style[12])" onMouseOut="htm()">Tidak ada Judul</a>, kamu bisa menggunakan tooltip ini, atau kamu juga ingin mengatur di posisi
<A href="#" onMouseOver="stm(Text[3],Style[12])" onMouseOut="htm()">Kanan</A> Toltip kamu berada, atau mungkin di
<A href="#" onMouseOut="htm()" onMouseOver="stm(Text[4],Style[1])">Tengah</A> atau juga di
<A href="#" onMouseOver="stm(Text[5],Style[2])" onmouseout="htm()">Kiri</A> Wkwkwkw terserah lw deh bro pengen bergaya
<A href="#" onMouseOver="stm(Text[6],Style[3])" onMouseOut="htm()">float </A>atau juga bergaya
<A href="#" onMouseOver="stm(Text[7],Style[4])" onMouseOut="htm()">fixed</A> . Kamu juga dapat memberikan informasi berupa link didalamnya seperti bergaya
<A href="#" onMouseOver="stm(Text[8],Style[5])" onmouseout="htm()">sticky</A> yang harus kamu tutup secara manual atau juga dapat kamu
<A href="#" onMouseOver="stm(Text[9],Style[6])" onMouseOut="htm()">Pegang</A> dan bawa kemana saja tooltip tersebut terserah.<BR> Kamu juga dapat mensetting jarak posisinya baik setting di
<A href="#" onMouseOut="htm()" onMouseOver="stm(Text[10],Style[7])">Kiri</A> Setting di
<A onMouseOver="stm(Text[11],Style[8])" href="#" onMouseOut="htm()">Kanan</A> Kordinat papan tooltip dengan kursormu. atau juga memberika tambahan didalam papanmu
<A href="#" onMouseOver="stm(Text[12],Style[9])" onmouseout="htm()">Efek</A> yang mungkin dapat digunakan di internet explorer. Atau setting besarnya
<A href="#" onMouseOver="stm(Text[13],Style[10])" onMouseOut="htm()">Isi Papanmu</A> supaya dapat terlihat lebih jelas. Atau juga kamu isi dengan berbagai
<A href="#" onMouseOver="stm(Text[16],Style[12])" onMouseOut="htm()"> HTML Tag</A>. Pokoknya banyak deh brooo....</P>
<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
Share This Page !!!
Artikel Lainnya :
Loading...
Komentar : 0 Komentar
Tooltip & Link Description, Tooltip & Link Description Sample, Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design, Tooltip & Link Description, Tooltip & Link Description Sample,Tooltip & Link Description Gallery, Tooltip & Link Description Tutorial, Tooltip & Link Description Script,
Vista Tooltip & Link Description, Tooltip & Link Description Drop Down, Tooltip & Link Description Horizontal, Tooltip & Link Description Vertikal, Tooltip & Link Description CSS,
Tooltip & Link Description JavaScript, Tooltip & Link Description Java Script, Tooltip & Link Description HTML, Cara membuat Tooltip & Link Description, membikin Tooltip & Link Description,
Tooltip & Link Description Web, Tooltip & Link Description Blogger, Tooltip & Link Description Design,
Original Script By
: Dynamic Drive
Revised Script By
: Maskibow
Script Work In
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Script ini memberikan segala jenis tooltip efek yang muncul
memberikan pesan informasi yang anda buat, script disini menampilkan efek yang
sederhana tapi multi fungsi efek atau gaya tooltip yang ingin kamu gunakan.
Contoh :
Disini diberikan beberapa contoh dari efek tootip tersebut coba kamu arahkan kursor kamu ke link yang ada di bawah ini bro:
Selamat datang di
Maskibow Contoh pertama merupakan Tooltip yang tertera judul tooltip dan isi tooltip, tetapi apabila kamu
Tidak ada Judul , kamu bisa menggunakan tooltip ini, atau kamu juga ingin mengatur di posisi
Kanan Toltip kamu berada, atau mungkin di
Tengah atau juga di
Kiri Wkwkwkw terserah lw deh bro pengen bergaya
float atau juga bergaya
fixed . Kamu juga dapat memberikan informasi berupa link didalamnya seperti bergaya
sticky yang harus kamu tutup secara manual atau juga dapat kamu
Pegang dan bawa kemana saja tooltip tersebut terserah. Kamu juga dapat mensetting jarak posisinya baik setting di
Kiri Setting di
Kanan Kordinat papan tooltip dengan kursormu. atau juga memberika tambahan didalam papanmu
Efek yang mungkin dapat digunakan di internet explorer. Atau setting besarnya
Isi Papanmu supaya dapat terlihat lebih jelas. Atau juga kamu isi dengan berbagai
HTML Tag . Pokoknya banyak deh brooo....
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 language="JavaScript1.2">
var ua = navigator.userAgent
var ps = navigator.productSub
var dom = (document.getElementById)? 1:0
var ie4 = (document.all&&!dom)? 1:0
var ie5 = (document.all&&dom)? 1:0
var nn4 =(navigator.appName.toLowerCase() == "netscape" && parseInt(navigator.appVersion) == 4)
var nn6 = (dom&&!ie5)? 1:0
var sNav = (nn4||nn6||ie4||ie5)? 1:0
var cssFilters = ((ua.indexOf("MSIE 5.5")>=0||ua.indexOf("MSIE 6")>=0)&&ua.indexOf("Opera")<0)? 1:0
var Style=[],Text=[],Count=0,sbw=0,move=0,hs="",mx,my,scl,sct,ww,wh,obj,sl,st,ih,iw,vl,hl,sv,evlh,evlw,tbody
var HideTip = "eval(obj+sv+hl+';'+obj+sl+'=0;'+obj+st+'=-800')"
var doc_root = ((ie5&&ua.indexOf("Opera")<0||ie4)&&document.compatMode=="CSS1Compat")? "document.documentElement":"document.body"
var PX = (nn6)? "px" :""
if(sNav) {
window.onresize = ReloadTip
document.onmousemove = MoveTip
if(nn4) document.captureEvents(Event.MOUSEMOVE)
}
if(nn4||nn6) {
mx = "e.pageX"
my = "e.pageY"
scl = "window.pageXOffset"
sct = "window.pageYOffset"
if(nn4) {
obj = "document.TipLayer."
sl = "left"
st = "top"
ih = "clip.height"
iw = "clip.width"
vl = "'show'"
hl = "'hide'"
sv = "visibility="
}
else obj = "document.getElementById('TipLayer')."
}
if(ie4||ie5) {
obj = "TipLayer."
mx = "event.x"
my = "event.y"
scl = "eval(doc_root).scrollLeft"
sct = "eval(doc_root).scrollTop"
if(ie5) {
mx = mx+"+"+scl
my = my+"+"+sct
}
}
if(ie4||dom){
sl = "style.left"
st = "style.top"
ih = "offsetHeight"
iw = "offsetWidth"
vl = "'visible'"
hl = "'hidden'"
sv = "style.visibility="
}
if(ie4||ie5||ps>=20020823) {
ww = "eval(doc_root).clientWidth"
wh = "eval(doc_root).clientHeight"
}
else {
ww = "window.innerWidth"
wh = "window.innerHeight"
evlh = eval(wh)
evlw = eval(ww)
sbw=15
}
function applyCssFilter(){
if(cssFilters&&FiltersEnabled) {
var dx = " progid:DXImageTransform.Microsoft."
TipLayer.style.filter = "revealTrans()"+dx+"Fade(Overlap=1.00 enabled=0)"+dx+"Inset(enabled=0)"+dx+"Iris(irisstyle=PLUS,motion=in enabled=0)"+dx+"Iris(irisstyle=PLUS,motion=out enabled=0)"+dx+"Iris(irisstyle=DIAMOND,motion=in enabled=0)"+dx+"Iris(irisstyle=DIAMOND,motion=out enabled=0)"+dx+"Iris(irisstyle=CROSS,motion=in enabled=0)"+dx+"Iris(irisstyle=CROSS,motion=out enabled=0)"+dx+"Iris(irisstyle=STAR,motion=in enabled=0)"+dx+"Iris(irisstyle=STAR,motion=out enabled=0)"+dx+"RadialWipe(wipestyle=CLOCK enabled=0)"+dx+"RadialWipe(wipestyle=WEDGE enabled=0)"+dx+"RadialWipe(wipestyle=RADIAL enabled=0)"+dx+"Pixelate(MaxSquare=35,enabled=0)"+dx+"Slide(slidestyle=HIDE,Bands=25 enabled=0)"+dx+"Slide(slidestyle=PUSH,Bands=25 enabled=0)"+dx+"Slide(slidestyle=SWAP,Bands=25 enabled=0)"+dx+"Spiral(GridSizeX=16,GridSizeY=16 enabled=0)"+dx+"Stretch(stretchstyle=HIDE enabled=0)"+dx+"Stretch(stretchstyle=PUSH enabled=0)"+dx+"Stretch(stretchstyle=SPIN enabled=0)"+dx+"Wheel(spokes=16 enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=0,motion=forward enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=0,motion=reverse enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=1,motion=forward enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=1,motion=reverse enabled=0)"+dx+"Zigzag(GridSizeX=8,GridSizeY=8 enabled=0)"+dx+"Alpha(enabled=0)"+dx+"Dropshadow(OffX=3,OffY=3,Positive=true,enabled=0)"+dx+"Shadow(strength=3,direction=135,enabled=0)"
}
}
function stm(t,s) {
if(sNav) {
if(t.length<2||s.length<25) {
var ErrorNotice = "Maskibow : Maaf Kesalahan Pada Script.\n"
if(t.length<2&&s.length<25) alert(ErrorNotice+"It looks like you removed an entry or more from the Style Array and Text Array of this tip.\nTheir should be 25 entries in every Style Array even though empty and 2 in every Text Array. You defined only "+s.length+" entries in the Style Array and "+t.length+" entry in the Text Array. This tip won't be viewed to avoid errors")
else if(t.length<2) alert(ErrorNotice+"It looks like you removed an entry or more from the Text Array of this tip.\nTheir should be 2 entries in every Text Array. You defined only "+t.length+" entry. This tip won't be viewed to avoid errors.")
else if(s.length<25) alert(ErrorNotice+"It looks like you removed an entry or more from the Style Array of this tip.\nTheir should be 25 entries in every Style Array even though empty. You defined only "+s.length+" entries. This tip won't be viewed to avoid errors.")
}
else {
var ab = "" ;var ap = ""
var titCol = (s[0])? "COLOR='"+s[0]+"'" : ""
var txtCol = (s[1])? "COLOR='"+s[1]+"'" : ""
var titBgCol = (s[2])? "BGCOLOR='"+s[2]+"'" : ""
var txtBgCol = (s[3])? "BGCOLOR='"+s[3]+"'" : ""
var titBgImg = (s[4])? "BACKGROUND='"+s[4]+"'" : ""
var txtBgImg = (s[5])? "BACKGROUND='"+s[5]+"'" : ""
var titTxtAli = (s[6] && s[6].toLowerCase()!="left")? "ALIGN='"+s[6]+"'" : ""
var txtTxtAli = (s[7] && s[7].toLowerCase()!="left")? "ALIGN='"+s[7]+"'" : ""
var add_height = (s[15])? "HEIGHT='"+s[15]+"'" : ""
if(!s[8]) s[8] = "Verdana,Arial,Helvetica"
if(!s[9]) s[9] = "Verdana,Arial,Helvetica"
if(!s[12]) s[12] = 1
if(!s[13]) s[13] = 1
if(!s[14]) s[14] = 200
if(!s[16]) s[16] = 0
if(!s[17]) s[17] = 0
if(!s[18]) s[18] = 10
if(!s[19]) s[19] = 10
hs = s[11].toLowerCase()
if(ps==20001108){
if(s[2]) ab="STYLE='border:"+s[16]+"px solid"+" "+s[2]+"'"
ap="STYLE='padding:"+s[17]+"px "+s[17]+"px "+s[17]+"px "+s[17]+"px'"}
var closeLink=(hs=="sticky")? "<TD ALIGN='right'><FONT SIZE='"+s[12]+"' FACE='"+s[8]+"'><A HREF='javascript:void(0)' ONCLICK='stickyhide()' STYLE='text-decoration:none;color:"+s[0]+"'><B>Close</B></A></FONT></TD>":""
var title=(t[0]||hs=="sticky")? "<TABLE WIDTH='100%' BORDER='0' CELLPADDING='0' CELLSPACING='0'><TR><TD "+titTxtAli+"><FONT SIZE='"+s[12]+"' FACE='"+s[8]+"' "+titCol+"><B>"+t[0]+"</B></FONT></TD>"+closeLink+"</TR></TABLE>" : ""
var txt="<TABLE "+titBgImg+" "+ab+" WIDTH='"+s[14]+"' BORDER='0' CELLPADDING='"+s[16]+"' CELLSPACING='0' "+titBgCol+" ><TR><TD>"+title+"<TABLE WIDTH='100%' "+add_height+" BORDER='0' CELLPADDING='"+s[17]+"' CELLSPACING='0' "+txtBgCol+" "+txtBgImg+"><TR><TD "+txtTxtAli+" "+ap+" VALIGN='top'><FONT SIZE='"+s[13]+"' FACE='"+s[9]+"' "+txtCol +">"+t[1]+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"
if(nn4) {
with(eval(obj+"document")) {
open()
write(txt)
close()
}
}
else eval(obj+"innerHTML=txt")
tbody = {
Pos:s[10].toLowerCase(),
Xpos:s[18],
Ypos:s[19],
Transition:s[20],
Duration:s[21],
Alpha:s[22],
ShadowType:s[23].toLowerCase(),
ShadowColor:s[24],
Width:parseInt(eval(obj+iw)+3+sbw)
}
if(ie4) {
TipLayer.style.width = s[14]
tbody.Width = s[14]
}
Count=0
move=1
}
}
}
function MoveTip(e) {
if(move) {
var X,Y,MouseX = eval(mx),MouseY = eval(my); tbody.Height = parseInt(eval(obj+ih)+3)
tbody.wiw = parseInt(eval(ww+"+"+scl)); tbody.wih = parseInt(eval(wh+"+"+sct))
switch(tbody.Pos) {
case "left" : X=MouseX-tbody.Width-tbody.Xpos; Y=MouseY+tbody.Ypos; break
case "center": X=MouseX-(tbody.Width/2); Y=MouseY+tbody.Ypos; break
case "float": X=tbody.Xpos+eval(scl); Y=tbody.Ypos+eval(sct); break
case "fixed": X=tbody.Xpos; Y=tbody.Ypos; break
default: X=MouseX+tbody.Xpos; Y=MouseY+tbody.Ypos
}
if(tbody.wiw<tbody.Width+X) X = tbody.wiw-tbody.Width
if(tbody.wih<tbody.Height+Y+sbw) {
if(tbody.Pos=="float"||tbody.Pos=="fixed") Y = tbody.wih-tbody.Height-sbw
else Y = MouseY-tbody.Height
}
if(X<0) X=0
eval(obj+sl+"=X+PX;"+obj+st+"=Y+PX")
ViewTip()
}
}
function ViewTip() {
Count++
if(Count == 1) {
if(cssFilters&&FiltersEnabled) {
for(Index=28; Index<31; Index++) { TipLayer.filters[Index].enabled = 0 }
for(s=0; s<28; s++) { if(TipLayer.filters[s].status == 2) TipLayer.filters[s].stop() }
if(tbody.Transition == 51) tbody.Transition = parseInt(Math.random()*50)
var applyTrans = (tbody.Transition>-1&&tbody.Transition<24&&tbody.Duration>0)? 1:0
var advFilters = (tbody.Transition>23&&tbody.Transition<51&&tbody.Duration>0)? 1:0
var which = (applyTrans)?0:(advFilters)? tbody.Transition-23:0
if(tbody.Alpha>0&&tbody.Alpha<100) {
TipLayer.filters[28].enabled = 1
TipLayer.filters[28].opacity = tbody.Alpha
}
if(tbody.ShadowColor&&tbody.ShadowType == "simple") {
TipLayer.filters[29].enabled = 1
TipLayer.filters[29].color = tbody.ShadowColor
}
else if(tbody.ShadowColor&&tbody.ShadowType == "complex") {
TipLayer.filters[30].enabled = 1
TipLayer.filters[30].color = tbody.ShadowColor
}
if(applyTrans||advFilters) {
eval(obj+sv+hl)
if(applyTrans) TipLayer.filters[0].transition = tbody.Transition
TipLayer.filters[which].duration = tbody.Duration
TipLayer.filters[which].apply()
}
}
eval(obj+sv+vl)
if(cssFilters&&FiltersEnabled&&(applyTrans||advFilters)) TipLayer.filters[which].play()
if(hs == "sticky") move=0
}
}
function stickyhide() {
eval(HideTip)
}
function ReloadTip() {
if(nn4&&(evlw!=eval(ww)||evlh!=eval(wh))) location.reload()
else if(hs == "sticky") eval(HideTip)
}
function htm() {
if(sNav) {
if(hs!="keep") {
move=0;
if(hs!="sticky") eval(HideTip)
}
}
}
</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="TipLayer" style="visibility:hidden;position:absolute;z-index:1000;top:-100"></DIV>
<SCRIPT language="JavaScript1.2">
var FiltersEnabled = 0
Text[1]=["Welcome To Maskibow","Selamat datang di Maskibow, Disini tempatnya serba gratis Bro!!"]
Text[2]=["","Nyari Software Gratisan langsung aja meluncur Broo..."]
Text[3]=["Antivirus","Mulai dari Kaspersky, Norton, Bitdefender, Avast, Vipre, Etc, yang lokal juga ada!"]
Text[4]=["Billing Warnet","Mulai dari Deskpro, B-29, MoG, G-Billing, EZ-Billing dan lain-2x"]
Text[5]=["Software Design","Mulai dari Design Web, Blogger, Animasi, 3D dan sebagainya"]
Text[6]=["Software Multimedia","TMulai dari Winamp, real player sampai ke software karaokean bro!!"]
Text[7]=["Atau Tools Program","Mulai dari Winzip, Winrar, Data recovery, HD regenerator dan masih banyak lagi"]
Text[8]=["Info Belanja","Disini tempatnya barang murah-meriah dan berkualitas <A href='http://migoicons.tripod.com'>Lihat</A>"]
Text[9]=["Maskibow","Pokoknya tempel terus deh maskibow"]
Text[10]=["Games","Mulai dari Game Online, Games PC, sampe ke Game House Semuanya gratis"]
Text[11]=["Info Tutorial","Mulai dari Tutorial Javascript, Design, Multimedia sampai ke masalah tekhnik Brooo..."]
Text[12]=["Terjemah Al-Quran","Sambil mendengarkan Al-quran juga dapat belajar mengenai arti dari bacaan tersebut broo.."]
Text[13]=["Facebook","Gunakan Aplikasi facebook disini akan menampilkan icon FB yang berbeda! "]
Text[14]=["Di Maskibow","Serba Mudah, Gampang dan graris Broo"]
Text[15]=["","Langsung deh meluncur ke Maskibow"]
Text[16]=["","<b>Welcome To Maskibow</b> <li>Free Software</li> <li>Free Games</li> <li>Free Tutorial</li> <li>Free Info Belanja</li>"]
// [teks judul,teks isi,papan judul,papan isi, , , , , , , , ,ttppstn, ,bsrteksjdl,bsrteksisi,lbrpapan,tngipapan,boder,bgisi,dst]
Style[1]=["black","orange","orange","black","","","","","","","center","",2,2,200,"",2,2,10,10,"","","","",""]
Style[2]=["black","orange","orange","black","","","","","","","left","",2,2,200,"",2,2,10,10,"","","","",""]
Style[3]=["black","orange","orange","black","","","","","","","float","",2,2,200,"",2,2,10,10,"","","","",""]
Style[4]=["black","orange","orange","black","","","","","","","fixed","",2,2,200,"",2,2,1,1,"","","","",""]
Style[5]=["black","orange","orange","black","","","","","","","","sticky",2,2,200,"",2,2,10,10,"","","","",""]
Style[6]=["black","orange","orange","black","","","","","","","","keep",2,2,200,"",2,2,10,10,"","","","",""]
Style[7]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,40,10,"","","","",""]
Style[8]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,50,"","","","",""]
Style[9]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,51,0.5,75,"simple","gray"]
Style[10]=["black","orange","orange","black","","","right","","Impact","cursive","center","",3,5,200,150,5,20,10,0,50,1,80,"complex","gray"]
Style[11]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,51,0.5,45,"simple","gray"]
Style[12]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,"","","","",""]
applyCssFilter()
</SCRIPT>
<P>Disini diberikan beberapa contoh dari efek tootip tersebut coba kamu arahkan kursor kamu ke link yang ada di bawah ini bro:</P>
<P>Selamat datang di
<A href="#" onMouseOver="stm(Text[1],Style[12])" onMouseOut="htm()">Maskibow</a> Contoh pertama merupakan Tooltip yang tertera judul tooltip dan isi tooltip, tetapi apabila kamu
<A href="#" onMouseOver="stm(Text[2],Style[12])" onMouseOut="htm()">Tidak ada Judul</a>, kamu bisa menggunakan tooltip ini, atau kamu juga ingin mengatur di posisi
<A href="#" onMouseOver="stm(Text[3],Style[12])" onMouseOut="htm()">Kanan</A> Toltip kamu berada, atau mungkin di
<A href="#" onMouseOut="htm()" onMouseOver="stm(Text[4],Style[1])">Tengah</A> atau juga di
<A href="#" onMouseOver="stm(Text[5],Style[2])" onmouseout="htm()">Kiri</A> Wkwkwkw terserah lw deh bro pengen bergaya
<A href="#" onMouseOver="stm(Text[6],Style[3])" onMouseOut="htm()">float </A>atau juga bergaya
<A href="#" onMouseOver="stm(Text[7],Style[4])" onMouseOut="htm()">fixed</A> . Kamu juga dapat memberikan informasi berupa link didalamnya seperti bergaya
<A href="#" onMouseOver="stm(Text[8],Style[5])" onmouseout="htm()">sticky</A> yang harus kamu tutup secara manual atau juga dapat kamu
<A href="#" onMouseOver="stm(Text[9],Style[6])" onMouseOut="htm()">Pegang</A> dan bawa kemana saja tooltip tersebut terserah.<BR> Kamu juga dapat mensetting jarak posisinya baik setting di
<A href="#" onMouseOut="htm()" onMouseOver="stm(Text[10],Style[7])">Kiri</A> Setting di
<A onMouseOver="stm(Text[11],Style[8])" href="#" onMouseOut="htm()">Kanan</A> Kordinat papan tooltip dengan kursormu. atau juga memberika tambahan didalam papanmu
<A href="#" onMouseOver="stm(Text[12],Style[9])" onmouseout="htm()">Efek</A> yang mungkin dapat digunakan di internet explorer. Atau setting besarnya
<A href="#" onMouseOver="stm(Text[13],Style[10])" onMouseOut="htm()">Isi Papanmu</A> supaya dapat terlihat lebih jelas. Atau juga kamu isi dengan berbagai
<A href="#" onMouseOver="stm(Text[16],Style[12])" onMouseOut="htm()"> HTML Tag</A>. Pokoknya banyak deh brooo....</P>
<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
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Script ini memberikan segala jenis tooltip efek yang muncul
memberikan pesan informasi yang anda buat, script disini menampilkan efek yang
sederhana tapi multi fungsi efek atau gaya tooltip yang ingin kamu gunakan.
Contoh :
Disini diberikan beberapa contoh dari efek tootip tersebut coba kamu arahkan kursor kamu ke link yang ada di bawah ini bro:
Selamat datang di
Maskibow Contoh pertama merupakan Tooltip yang tertera judul tooltip dan isi tooltip, tetapi apabila kamu
Tidak ada Judul , kamu bisa menggunakan tooltip ini, atau kamu juga ingin mengatur di posisi
Kanan Toltip kamu berada, atau mungkin di
Tengah atau juga di
Kiri Wkwkwkw terserah lw deh bro pengen bergaya
float atau juga bergaya
fixed . Kamu juga dapat memberikan informasi berupa link didalamnya seperti bergaya
sticky yang harus kamu tutup secara manual atau juga dapat kamu
Pegang dan bawa kemana saja tooltip tersebut terserah. Kamu juga dapat mensetting jarak posisinya baik setting di
Kiri Setting di
Kanan Kordinat papan tooltip dengan kursormu. atau juga memberika tambahan didalam papanmu
Efek yang mungkin dapat digunakan di internet explorer. Atau setting besarnya
Isi Papanmu supaya dapat terlihat lebih jelas. Atau juga kamu isi dengan berbagai
HTML Tag . Pokoknya banyak deh brooo....
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 language="JavaScript1.2">
var ua = navigator.userAgent
var ps = navigator.productSub
var dom = (document.getElementById)? 1:0
var ie4 = (document.all&&!dom)? 1:0
var ie5 = (document.all&&dom)? 1:0
var nn4 =(navigator.appName.toLowerCase() == "netscape" && parseInt(navigator.appVersion) == 4)
var nn6 = (dom&&!ie5)? 1:0
var sNav = (nn4||nn6||ie4||ie5)? 1:0
var cssFilters = ((ua.indexOf("MSIE 5.5")>=0||ua.indexOf("MSIE 6")>=0)&&ua.indexOf("Opera")<0)? 1:0
var Style=[],Text=[],Count=0,sbw=0,move=0,hs="",mx,my,scl,sct,ww,wh,obj,sl,st,ih,iw,vl,hl,sv,evlh,evlw,tbody
var HideTip = "eval(obj+sv+hl+';'+obj+sl+'=0;'+obj+st+'=-800')"
var doc_root = ((ie5&&ua.indexOf("Opera")<0||ie4)&&document.compatMode=="CSS1Compat")? "document.documentElement":"document.body"
var PX = (nn6)? "px" :""
if(sNav) {
window.onresize = ReloadTip
document.onmousemove = MoveTip
if(nn4) document.captureEvents(Event.MOUSEMOVE)
}
if(nn4||nn6) {
mx = "e.pageX"
my = "e.pageY"
scl = "window.pageXOffset"
sct = "window.pageYOffset"
if(nn4) {
obj = "document.TipLayer."
sl = "left"
st = "top"
ih = "clip.height"
iw = "clip.width"
vl = "'show'"
hl = "'hide'"
sv = "visibility="
}
else obj = "document.getElementById('TipLayer')."
}
if(ie4||ie5) {
obj = "TipLayer."
mx = "event.x"
my = "event.y"
scl = "eval(doc_root).scrollLeft"
sct = "eval(doc_root).scrollTop"
if(ie5) {
mx = mx+"+"+scl
my = my+"+"+sct
}
}
if(ie4||dom){
sl = "style.left"
st = "style.top"
ih = "offsetHeight"
iw = "offsetWidth"
vl = "'visible'"
hl = "'hidden'"
sv = "style.visibility="
}
if(ie4||ie5||ps>=20020823) {
ww = "eval(doc_root).clientWidth"
wh = "eval(doc_root).clientHeight"
}
else {
ww = "window.innerWidth"
wh = "window.innerHeight"
evlh = eval(wh)
evlw = eval(ww)
sbw=15
}
function applyCssFilter(){
if(cssFilters&&FiltersEnabled) {
var dx = " progid:DXImageTransform.Microsoft."
TipLayer.style.filter = "revealTrans()"+dx+"Fade(Overlap=1.00 enabled=0)"+dx+"Inset(enabled=0)"+dx+"Iris(irisstyle=PLUS,motion=in enabled=0)"+dx+"Iris(irisstyle=PLUS,motion=out enabled=0)"+dx+"Iris(irisstyle=DIAMOND,motion=in enabled=0)"+dx+"Iris(irisstyle=DIAMOND,motion=out enabled=0)"+dx+"Iris(irisstyle=CROSS,motion=in enabled=0)"+dx+"Iris(irisstyle=CROSS,motion=out enabled=0)"+dx+"Iris(irisstyle=STAR,motion=in enabled=0)"+dx+"Iris(irisstyle=STAR,motion=out enabled=0)"+dx+"RadialWipe(wipestyle=CLOCK enabled=0)"+dx+"RadialWipe(wipestyle=WEDGE enabled=0)"+dx+"RadialWipe(wipestyle=RADIAL enabled=0)"+dx+"Pixelate(MaxSquare=35,enabled=0)"+dx+"Slide(slidestyle=HIDE,Bands=25 enabled=0)"+dx+"Slide(slidestyle=PUSH,Bands=25 enabled=0)"+dx+"Slide(slidestyle=SWAP,Bands=25 enabled=0)"+dx+"Spiral(GridSizeX=16,GridSizeY=16 enabled=0)"+dx+"Stretch(stretchstyle=HIDE enabled=0)"+dx+"Stretch(stretchstyle=PUSH enabled=0)"+dx+"Stretch(stretchstyle=SPIN enabled=0)"+dx+"Wheel(spokes=16 enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=0,motion=forward enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=0,motion=reverse enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=1,motion=forward enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=1,motion=reverse enabled=0)"+dx+"Zigzag(GridSizeX=8,GridSizeY=8 enabled=0)"+dx+"Alpha(enabled=0)"+dx+"Dropshadow(OffX=3,OffY=3,Positive=true,enabled=0)"+dx+"Shadow(strength=3,direction=135,enabled=0)"
}
}
function stm(t,s) {
if(sNav) {
if(t.length<2||s.length<25) {
var ErrorNotice = "Maskibow : Maaf Kesalahan Pada Script.\n"
if(t.length<2&&s.length<25) alert(ErrorNotice+"It looks like you removed an entry or more from the Style Array and Text Array of this tip.\nTheir should be 25 entries in every Style Array even though empty and 2 in every Text Array. You defined only "+s.length+" entries in the Style Array and "+t.length+" entry in the Text Array. This tip won't be viewed to avoid errors")
else if(t.length<2) alert(ErrorNotice+"It looks like you removed an entry or more from the Text Array of this tip.\nTheir should be 2 entries in every Text Array. You defined only "+t.length+" entry. This tip won't be viewed to avoid errors.")
else if(s.length<25) alert(ErrorNotice+"It looks like you removed an entry or more from the Style Array of this tip.\nTheir should be 25 entries in every Style Array even though empty. You defined only "+s.length+" entries. This tip won't be viewed to avoid errors.")
}
else {
var ab = "" ;var ap = ""
var titCol = (s[0])? "COLOR='"+s[0]+"'" : ""
var txtCol = (s[1])? "COLOR='"+s[1]+"'" : ""
var titBgCol = (s[2])? "BGCOLOR='"+s[2]+"'" : ""
var txtBgCol = (s[3])? "BGCOLOR='"+s[3]+"'" : ""
var titBgImg = (s[4])? "BACKGROUND='"+s[4]+"'" : ""
var txtBgImg = (s[5])? "BACKGROUND='"+s[5]+"'" : ""
var titTxtAli = (s[6] && s[6].toLowerCase()!="left")? "ALIGN='"+s[6]+"'" : ""
var txtTxtAli = (s[7] && s[7].toLowerCase()!="left")? "ALIGN='"+s[7]+"'" : ""
var add_height = (s[15])? "HEIGHT='"+s[15]+"'" : ""
if(!s[8]) s[8] = "Verdana,Arial,Helvetica"
if(!s[9]) s[9] = "Verdana,Arial,Helvetica"
if(!s[12]) s[12] = 1
if(!s[13]) s[13] = 1
if(!s[14]) s[14] = 200
if(!s[16]) s[16] = 0
if(!s[17]) s[17] = 0
if(!s[18]) s[18] = 10
if(!s[19]) s[19] = 10
hs = s[11].toLowerCase()
if(ps==20001108){
if(s[2]) ab="STYLE='border:"+s[16]+"px solid"+" "+s[2]+"'"
ap="STYLE='padding:"+s[17]+"px "+s[17]+"px "+s[17]+"px "+s[17]+"px'"}
var closeLink=(hs=="sticky")? "<TD ALIGN='right'><FONT SIZE='"+s[12]+"' FACE='"+s[8]+"'><A HREF='javascript:void(0)' ONCLICK='stickyhide()' STYLE='text-decoration:none;color:"+s[0]+"'><B>Close</B></A></FONT></TD>":""
var title=(t[0]||hs=="sticky")? "<TABLE WIDTH='100%' BORDER='0' CELLPADDING='0' CELLSPACING='0'><TR><TD "+titTxtAli+"><FONT SIZE='"+s[12]+"' FACE='"+s[8]+"' "+titCol+"><B>"+t[0]+"</B></FONT></TD>"+closeLink+"</TR></TABLE>" : ""
var txt="<TABLE "+titBgImg+" "+ab+" WIDTH='"+s[14]+"' BORDER='0' CELLPADDING='"+s[16]+"' CELLSPACING='0' "+titBgCol+" ><TR><TD>"+title+"<TABLE WIDTH='100%' "+add_height+" BORDER='0' CELLPADDING='"+s[17]+"' CELLSPACING='0' "+txtBgCol+" "+txtBgImg+"><TR><TD "+txtTxtAli+" "+ap+" VALIGN='top'><FONT SIZE='"+s[13]+"' FACE='"+s[9]+"' "+txtCol +">"+t[1]+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"
if(nn4) {
with(eval(obj+"document")) {
open()
write(txt)
close()
}
}
else eval(obj+"innerHTML=txt")
tbody = {
Pos:s[10].toLowerCase(),
Xpos:s[18],
Ypos:s[19],
Transition:s[20],
Duration:s[21],
Alpha:s[22],
ShadowType:s[23].toLowerCase(),
ShadowColor:s[24],
Width:parseInt(eval(obj+iw)+3+sbw)
}
if(ie4) {
TipLayer.style.width = s[14]
tbody.Width = s[14]
}
Count=0
move=1
}
}
}
function MoveTip(e) {
if(move) {
var X,Y,MouseX = eval(mx),MouseY = eval(my); tbody.Height = parseInt(eval(obj+ih)+3)
tbody.wiw = parseInt(eval(ww+"+"+scl)); tbody.wih = parseInt(eval(wh+"+"+sct))
switch(tbody.Pos) {
case "left" : X=MouseX-tbody.Width-tbody.Xpos; Y=MouseY+tbody.Ypos; break
case "center": X=MouseX-(tbody.Width/2); Y=MouseY+tbody.Ypos; break
case "float": X=tbody.Xpos+eval(scl); Y=tbody.Ypos+eval(sct); break
case "fixed": X=tbody.Xpos; Y=tbody.Ypos; break
default: X=MouseX+tbody.Xpos; Y=MouseY+tbody.Ypos
}
if(tbody.wiw<tbody.Width+X) X = tbody.wiw-tbody.Width
if(tbody.wih<tbody.Height+Y+sbw) {
if(tbody.Pos=="float"||tbody.Pos=="fixed") Y = tbody.wih-tbody.Height-sbw
else Y = MouseY-tbody.Height
}
if(X<0) X=0
eval(obj+sl+"=X+PX;"+obj+st+"=Y+PX")
ViewTip()
}
}
function ViewTip() {
Count++
if(Count == 1) {
if(cssFilters&&FiltersEnabled) {
for(Index=28; Index<31; Index++) { TipLayer.filters[Index].enabled = 0 }
for(s=0; s<28; s++) { if(TipLayer.filters[s].status == 2) TipLayer.filters[s].stop() }
if(tbody.Transition == 51) tbody.Transition = parseInt(Math.random()*50)
var applyTrans = (tbody.Transition>-1&&tbody.Transition<24&&tbody.Duration>0)? 1:0
var advFilters = (tbody.Transition>23&&tbody.Transition<51&&tbody.Duration>0)? 1:0
var which = (applyTrans)?0:(advFilters)? tbody.Transition-23:0
if(tbody.Alpha>0&&tbody.Alpha<100) {
TipLayer.filters[28].enabled = 1
TipLayer.filters[28].opacity = tbody.Alpha
}
if(tbody.ShadowColor&&tbody.ShadowType == "simple") {
TipLayer.filters[29].enabled = 1
TipLayer.filters[29].color = tbody.ShadowColor
}
else if(tbody.ShadowColor&&tbody.ShadowType == "complex") {
TipLayer.filters[30].enabled = 1
TipLayer.filters[30].color = tbody.ShadowColor
}
if(applyTrans||advFilters) {
eval(obj+sv+hl)
if(applyTrans) TipLayer.filters[0].transition = tbody.Transition
TipLayer.filters[which].duration = tbody.Duration
TipLayer.filters[which].apply()
}
}
eval(obj+sv+vl)
if(cssFilters&&FiltersEnabled&&(applyTrans||advFilters)) TipLayer.filters[which].play()
if(hs == "sticky") move=0
}
}
function stickyhide() {
eval(HideTip)
}
function ReloadTip() {
if(nn4&&(evlw!=eval(ww)||evlh!=eval(wh))) location.reload()
else if(hs == "sticky") eval(HideTip)
}
function htm() {
if(sNav) {
if(hs!="keep") {
move=0;
if(hs!="sticky") eval(HideTip)
}
}
}
</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="TipLayer" style="visibility:hidden;position:absolute;z-index:1000;top:-100"></DIV>
<SCRIPT language="JavaScript1.2">
var FiltersEnabled = 0
Text[1]=["Welcome To Maskibow","Selamat datang di Maskibow, Disini tempatnya serba gratis Bro!!"]
Text[2]=["","Nyari Software Gratisan langsung aja meluncur Broo..."]
Text[3]=["Antivirus","Mulai dari Kaspersky, Norton, Bitdefender, Avast, Vipre, Etc, yang lokal juga ada!"]
Text[4]=["Billing Warnet","Mulai dari Deskpro, B-29, MoG, G-Billing, EZ-Billing dan lain-2x"]
Text[5]=["Software Design","Mulai dari Design Web, Blogger, Animasi, 3D dan sebagainya"]
Text[6]=["Software Multimedia","TMulai dari Winamp, real player sampai ke software karaokean bro!!"]
Text[7]=["Atau Tools Program","Mulai dari Winzip, Winrar, Data recovery, HD regenerator dan masih banyak lagi"]
Text[8]=["Info Belanja","Disini tempatnya barang murah-meriah dan berkualitas <A href='http://migoicons.tripod.com'>Lihat</A>"]
Text[9]=["Maskibow","Pokoknya tempel terus deh maskibow"]
Text[10]=["Games","Mulai dari Game Online, Games PC, sampe ke Game House Semuanya gratis"]
Text[11]=["Info Tutorial","Mulai dari Tutorial Javascript, Design, Multimedia sampai ke masalah tekhnik Brooo..."]
Text[12]=["Terjemah Al-Quran","Sambil mendengarkan Al-quran juga dapat belajar mengenai arti dari bacaan tersebut broo.."]
Text[13]=["Facebook","Gunakan Aplikasi facebook disini akan menampilkan icon FB yang berbeda! "]
Text[14]=["Di Maskibow","Serba Mudah, Gampang dan graris Broo"]
Text[15]=["","Langsung deh meluncur ke Maskibow"]
Text[16]=["","<b>Welcome To Maskibow</b> <li>Free Software</li> <li>Free Games</li> <li>Free Tutorial</li> <li>Free Info Belanja</li>"]
// [teks judul,teks isi,papan judul,papan isi, , , , , , , , ,ttppstn, ,bsrteksjdl,bsrteksisi,lbrpapan,tngipapan,boder,bgisi,dst]
Style[1]=["black","orange","orange","black","","","","","","","center","",2,2,200,"",2,2,10,10,"","","","",""]
Style[2]=["black","orange","orange","black","","","","","","","left","",2,2,200,"",2,2,10,10,"","","","",""]
Style[3]=["black","orange","orange","black","","","","","","","float","",2,2,200,"",2,2,10,10,"","","","",""]
Style[4]=["black","orange","orange","black","","","","","","","fixed","",2,2,200,"",2,2,1,1,"","","","",""]
Style[5]=["black","orange","orange","black","","","","","","","","sticky",2,2,200,"",2,2,10,10,"","","","",""]
Style[6]=["black","orange","orange","black","","","","","","","","keep",2,2,200,"",2,2,10,10,"","","","",""]
Style[7]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,40,10,"","","","",""]
Style[8]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,50,"","","","",""]
Style[9]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,51,0.5,75,"simple","gray"]
Style[10]=["black","orange","orange","black","","","right","","Impact","cursive","center","",3,5,200,150,5,20,10,0,50,1,80,"complex","gray"]
Style[11]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,51,0.5,45,"simple","gray"]
Style[12]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,"","","","",""]
applyCssFilter()
</SCRIPT>
<P>Disini diberikan beberapa contoh dari efek tootip tersebut coba kamu arahkan kursor kamu ke link yang ada di bawah ini bro:</P>
<P>Selamat datang di
<A href="#" onMouseOver="stm(Text[1],Style[12])" onMouseOut="htm()">Maskibow</a> Contoh pertama merupakan Tooltip yang tertera judul tooltip dan isi tooltip, tetapi apabila kamu
<A href="#" onMouseOver="stm(Text[2],Style[12])" onMouseOut="htm()">Tidak ada Judul</a>, kamu bisa menggunakan tooltip ini, atau kamu juga ingin mengatur di posisi
<A href="#" onMouseOver="stm(Text[3],Style[12])" onMouseOut="htm()">Kanan</A> Toltip kamu berada, atau mungkin di
<A href="#" onMouseOut="htm()" onMouseOver="stm(Text[4],Style[1])">Tengah</A> atau juga di
<A href="#" onMouseOver="stm(Text[5],Style[2])" onmouseout="htm()">Kiri</A> Wkwkwkw terserah lw deh bro pengen bergaya
<A href="#" onMouseOver="stm(Text[6],Style[3])" onMouseOut="htm()">float </A>atau juga bergaya
<A href="#" onMouseOver="stm(Text[7],Style[4])" onMouseOut="htm()">fixed</A> . Kamu juga dapat memberikan informasi berupa link didalamnya seperti bergaya
<A href="#" onMouseOver="stm(Text[8],Style[5])" onmouseout="htm()">sticky</A> yang harus kamu tutup secara manual atau juga dapat kamu
<A href="#" onMouseOver="stm(Text[9],Style[6])" onMouseOut="htm()">Pegang</A> dan bawa kemana saja tooltip tersebut terserah.<BR> Kamu juga dapat mensetting jarak posisinya baik setting di
<A href="#" onMouseOut="htm()" onMouseOver="stm(Text[10],Style[7])">Kiri</A> Setting di
<A onMouseOver="stm(Text[11],Style[8])" href="#" onMouseOut="htm()">Kanan</A> Kordinat papan tooltip dengan kursormu. atau juga memberika tambahan didalam papanmu
<A href="#" onMouseOver="stm(Text[12],Style[9])" onmouseout="htm()">Efek</A> yang mungkin dapat digunakan di internet explorer. Atau setting besarnya
<A href="#" onMouseOver="stm(Text[13],Style[10])" onMouseOut="htm()">Isi Papanmu</A> supaya dapat terlihat lebih jelas. Atau juga kamu isi dengan berbagai
<A href="#" onMouseOver="stm(Text[16],Style[12])" onMouseOut="htm()"> HTML Tag</A>. Pokoknya banyak deh brooo....</P>
<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
: Mozilla Firefox, Internet Explorer, Opera
Deskripsi :
Script ini memberikan segala jenis tooltip efek yang muncul
memberikan pesan informasi yang anda buat, script disini menampilkan efek yang
sederhana tapi multi fungsi efek atau gaya tooltip yang ingin kamu gunakan.
Contoh :
Disini diberikan beberapa contoh dari efek tootip tersebut coba kamu arahkan kursor kamu ke link yang ada di bawah ini bro:
Selamat datang di
Maskibow Contoh pertama merupakan Tooltip yang tertera judul tooltip dan isi tooltip, tetapi apabila kamu
Tidak ada Judul , kamu bisa menggunakan tooltip ini, atau kamu juga ingin mengatur di posisi
Kanan Toltip kamu berada, atau mungkin di
Tengah atau juga di
Kiri Wkwkwkw terserah lw deh bro pengen bergaya
float atau juga bergaya
fixed . Kamu juga dapat memberikan informasi berupa link didalamnya seperti bergaya
sticky yang harus kamu tutup secara manual atau juga dapat kamu
Pegang dan bawa kemana saja tooltip tersebut terserah. Kamu juga dapat mensetting jarak posisinya baik setting di
Kiri Setting di
Kanan Kordinat papan tooltip dengan kursormu. atau juga memberika tambahan didalam papanmu
Efek yang mungkin dapat digunakan di internet explorer. Atau setting besarnya
Isi Papanmu supaya dapat terlihat lebih jelas. Atau juga kamu isi dengan berbagai
HTML Tag . Pokoknya banyak deh brooo....
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 language="JavaScript1.2">
var ua = navigator.userAgent
var ps = navigator.productSub
var dom = (document.getElementById)? 1:0
var ie4 = (document.all&&!dom)? 1:0
var ie5 = (document.all&&dom)? 1:0
var nn4 =(navigator.appName.toLowerCase() == "netscape" && parseInt(navigator.appVersion) == 4)
var nn6 = (dom&&!ie5)? 1:0
var sNav = (nn4||nn6||ie4||ie5)? 1:0
var cssFilters = ((ua.indexOf("MSIE 5.5")>=0||ua.indexOf("MSIE 6")>=0)&&ua.indexOf("Opera")<0)? 1:0
var Style=[],Text=[],Count=0,sbw=0,move=0,hs="",mx,my,scl,sct,ww,wh,obj,sl,st,ih,iw,vl,hl,sv,evlh,evlw,tbody
var HideTip = "eval(obj+sv+hl+';'+obj+sl+'=0;'+obj+st+'=-800')"
var doc_root = ((ie5&&ua.indexOf("Opera")<0||ie4)&&document.compatMode=="CSS1Compat")? "document.documentElement":"document.body"
var PX = (nn6)? "px" :""
if(sNav) {
window.onresize = ReloadTip
document.onmousemove = MoveTip
if(nn4) document.captureEvents(Event.MOUSEMOVE)
}
if(nn4||nn6) {
mx = "e.pageX"
my = "e.pageY"
scl = "window.pageXOffset"
sct = "window.pageYOffset"
if(nn4) {
obj = "document.TipLayer."
sl = "left"
st = "top"
ih = "clip.height"
iw = "clip.width"
vl = "'show'"
hl = "'hide'"
sv = "visibility="
}
else obj = "document.getElementById('TipLayer')."
}
if(ie4||ie5) {
obj = "TipLayer."
mx = "event.x"
my = "event.y"
scl = "eval(doc_root).scrollLeft"
sct = "eval(doc_root).scrollTop"
if(ie5) {
mx = mx+"+"+scl
my = my+"+"+sct
}
}
if(ie4||dom){
sl = "style.left"
st = "style.top"
ih = "offsetHeight"
iw = "offsetWidth"
vl = "'visible'"
hl = "'hidden'"
sv = "style.visibility="
}
if(ie4||ie5||ps>=20020823) {
ww = "eval(doc_root).clientWidth"
wh = "eval(doc_root).clientHeight"
}
else {
ww = "window.innerWidth"
wh = "window.innerHeight"
evlh = eval(wh)
evlw = eval(ww)
sbw=15
}
function applyCssFilter(){
if(cssFilters&&FiltersEnabled) {
var dx = " progid:DXImageTransform.Microsoft."
TipLayer.style.filter = "revealTrans()"+dx+"Fade(Overlap=1.00 enabled=0)"+dx+"Inset(enabled=0)"+dx+"Iris(irisstyle=PLUS,motion=in enabled=0)"+dx+"Iris(irisstyle=PLUS,motion=out enabled=0)"+dx+"Iris(irisstyle=DIAMOND,motion=in enabled=0)"+dx+"Iris(irisstyle=DIAMOND,motion=out enabled=0)"+dx+"Iris(irisstyle=CROSS,motion=in enabled=0)"+dx+"Iris(irisstyle=CROSS,motion=out enabled=0)"+dx+"Iris(irisstyle=STAR,motion=in enabled=0)"+dx+"Iris(irisstyle=STAR,motion=out enabled=0)"+dx+"RadialWipe(wipestyle=CLOCK enabled=0)"+dx+"RadialWipe(wipestyle=WEDGE enabled=0)"+dx+"RadialWipe(wipestyle=RADIAL enabled=0)"+dx+"Pixelate(MaxSquare=35,enabled=0)"+dx+"Slide(slidestyle=HIDE,Bands=25 enabled=0)"+dx+"Slide(slidestyle=PUSH,Bands=25 enabled=0)"+dx+"Slide(slidestyle=SWAP,Bands=25 enabled=0)"+dx+"Spiral(GridSizeX=16,GridSizeY=16 enabled=0)"+dx+"Stretch(stretchstyle=HIDE enabled=0)"+dx+"Stretch(stretchstyle=PUSH enabled=0)"+dx+"Stretch(stretchstyle=SPIN enabled=0)"+dx+"Wheel(spokes=16 enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=0,motion=forward enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=0,motion=reverse enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=1,motion=forward enabled=0)"+dx+"GradientWipe(GradientSize=1.00,wipestyle=1,motion=reverse enabled=0)"+dx+"Zigzag(GridSizeX=8,GridSizeY=8 enabled=0)"+dx+"Alpha(enabled=0)"+dx+"Dropshadow(OffX=3,OffY=3,Positive=true,enabled=0)"+dx+"Shadow(strength=3,direction=135,enabled=0)"
}
}
function stm(t,s) {
if(sNav) {
if(t.length<2||s.length<25) {
var ErrorNotice = "Maskibow : Maaf Kesalahan Pada Script.\n"
if(t.length<2&&s.length<25) alert(ErrorNotice+"It looks like you removed an entry or more from the Style Array and Text Array of this tip.\nTheir should be 25 entries in every Style Array even though empty and 2 in every Text Array. You defined only "+s.length+" entries in the Style Array and "+t.length+" entry in the Text Array. This tip won't be viewed to avoid errors")
else if(t.length<2) alert(ErrorNotice+"It looks like you removed an entry or more from the Text Array of this tip.\nTheir should be 2 entries in every Text Array. You defined only "+t.length+" entry. This tip won't be viewed to avoid errors.")
else if(s.length<25) alert(ErrorNotice+"It looks like you removed an entry or more from the Style Array of this tip.\nTheir should be 25 entries in every Style Array even though empty. You defined only "+s.length+" entries. This tip won't be viewed to avoid errors.")
}
else {
var ab = "" ;var ap = ""
var titCol = (s[0])? "COLOR='"+s[0]+"'" : ""
var txtCol = (s[1])? "COLOR='"+s[1]+"'" : ""
var titBgCol = (s[2])? "BGCOLOR='"+s[2]+"'" : ""
var txtBgCol = (s[3])? "BGCOLOR='"+s[3]+"'" : ""
var titBgImg = (s[4])? "BACKGROUND='"+s[4]+"'" : ""
var txtBgImg = (s[5])? "BACKGROUND='"+s[5]+"'" : ""
var titTxtAli = (s[6] && s[6].toLowerCase()!="left")? "ALIGN='"+s[6]+"'" : ""
var txtTxtAli = (s[7] && s[7].toLowerCase()!="left")? "ALIGN='"+s[7]+"'" : ""
var add_height = (s[15])? "HEIGHT='"+s[15]+"'" : ""
if(!s[8]) s[8] = "Verdana,Arial,Helvetica"
if(!s[9]) s[9] = "Verdana,Arial,Helvetica"
if(!s[12]) s[12] = 1
if(!s[13]) s[13] = 1
if(!s[14]) s[14] = 200
if(!s[16]) s[16] = 0
if(!s[17]) s[17] = 0
if(!s[18]) s[18] = 10
if(!s[19]) s[19] = 10
hs = s[11].toLowerCase()
if(ps==20001108){
if(s[2]) ab="STYLE='border:"+s[16]+"px solid"+" "+s[2]+"'"
ap="STYLE='padding:"+s[17]+"px "+s[17]+"px "+s[17]+"px "+s[17]+"px'"}
var closeLink=(hs=="sticky")? "<TD ALIGN='right'><FONT SIZE='"+s[12]+"' FACE='"+s[8]+"'><A HREF='javascript:void(0)' ONCLICK='stickyhide()' STYLE='text-decoration:none;color:"+s[0]+"'><B>Close</B></A></FONT></TD>":""
var title=(t[0]||hs=="sticky")? "<TABLE WIDTH='100%' BORDER='0' CELLPADDING='0' CELLSPACING='0'><TR><TD "+titTxtAli+"><FONT SIZE='"+s[12]+"' FACE='"+s[8]+"' "+titCol+"><B>"+t[0]+"</B></FONT></TD>"+closeLink+"</TR></TABLE>" : ""
var txt="<TABLE "+titBgImg+" "+ab+" WIDTH='"+s[14]+"' BORDER='0' CELLPADDING='"+s[16]+"' CELLSPACING='0' "+titBgCol+" ><TR><TD>"+title+"<TABLE WIDTH='100%' "+add_height+" BORDER='0' CELLPADDING='"+s[17]+"' CELLSPACING='0' "+txtBgCol+" "+txtBgImg+"><TR><TD "+txtTxtAli+" "+ap+" VALIGN='top'><FONT SIZE='"+s[13]+"' FACE='"+s[9]+"' "+txtCol +">"+t[1]+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"
if(nn4) {
with(eval(obj+"document")) {
open()
write(txt)
close()
}
}
else eval(obj+"innerHTML=txt")
tbody = {
Pos:s[10].toLowerCase(),
Xpos:s[18],
Ypos:s[19],
Transition:s[20],
Duration:s[21],
Alpha:s[22],
ShadowType:s[23].toLowerCase(),
ShadowColor:s[24],
Width:parseInt(eval(obj+iw)+3+sbw)
}
if(ie4) {
TipLayer.style.width = s[14]
tbody.Width = s[14]
}
Count=0
move=1
}
}
}
function MoveTip(e) {
if(move) {
var X,Y,MouseX = eval(mx),MouseY = eval(my); tbody.Height = parseInt(eval(obj+ih)+3)
tbody.wiw = parseInt(eval(ww+"+"+scl)); tbody.wih = parseInt(eval(wh+"+"+sct))
switch(tbody.Pos) {
case "left" : X=MouseX-tbody.Width-tbody.Xpos; Y=MouseY+tbody.Ypos; break
case "center": X=MouseX-(tbody.Width/2); Y=MouseY+tbody.Ypos; break
case "float": X=tbody.Xpos+eval(scl); Y=tbody.Ypos+eval(sct); break
case "fixed": X=tbody.Xpos; Y=tbody.Ypos; break
default: X=MouseX+tbody.Xpos; Y=MouseY+tbody.Ypos
}
if(tbody.wiw<tbody.Width+X) X = tbody.wiw-tbody.Width
if(tbody.wih<tbody.Height+Y+sbw) {
if(tbody.Pos=="float"||tbody.Pos=="fixed") Y = tbody.wih-tbody.Height-sbw
else Y = MouseY-tbody.Height
}
if(X<0) X=0
eval(obj+sl+"=X+PX;"+obj+st+"=Y+PX")
ViewTip()
}
}
function ViewTip() {
Count++
if(Count == 1) {
if(cssFilters&&FiltersEnabled) {
for(Index=28; Index<31; Index++) { TipLayer.filters[Index].enabled = 0 }
for(s=0; s<28; s++) { if(TipLayer.filters[s].status == 2) TipLayer.filters[s].stop() }
if(tbody.Transition == 51) tbody.Transition = parseInt(Math.random()*50)
var applyTrans = (tbody.Transition>-1&&tbody.Transition<24&&tbody.Duration>0)? 1:0
var advFilters = (tbody.Transition>23&&tbody.Transition<51&&tbody.Duration>0)? 1:0
var which = (applyTrans)?0:(advFilters)? tbody.Transition-23:0
if(tbody.Alpha>0&&tbody.Alpha<100) {
TipLayer.filters[28].enabled = 1
TipLayer.filters[28].opacity = tbody.Alpha
}
if(tbody.ShadowColor&&tbody.ShadowType == "simple") {
TipLayer.filters[29].enabled = 1
TipLayer.filters[29].color = tbody.ShadowColor
}
else if(tbody.ShadowColor&&tbody.ShadowType == "complex") {
TipLayer.filters[30].enabled = 1
TipLayer.filters[30].color = tbody.ShadowColor
}
if(applyTrans||advFilters) {
eval(obj+sv+hl)
if(applyTrans) TipLayer.filters[0].transition = tbody.Transition
TipLayer.filters[which].duration = tbody.Duration
TipLayer.filters[which].apply()
}
}
eval(obj+sv+vl)
if(cssFilters&&FiltersEnabled&&(applyTrans||advFilters)) TipLayer.filters[which].play()
if(hs == "sticky") move=0
}
}
function stickyhide() {
eval(HideTip)
}
function ReloadTip() {
if(nn4&&(evlw!=eval(ww)||evlh!=eval(wh))) location.reload()
else if(hs == "sticky") eval(HideTip)
}
function htm() {
if(sNav) {
if(hs!="keep") {
move=0;
if(hs!="sticky") eval(HideTip)
}
}
}
</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="TipLayer" style="visibility:hidden;position:absolute;z-index:1000;top:-100"></DIV>
<SCRIPT language="JavaScript1.2">
var FiltersEnabled = 0
Text[1]=["Welcome To Maskibow","Selamat datang di Maskibow, Disini tempatnya serba gratis Bro!!"]
Text[2]=["","Nyari Software Gratisan langsung aja meluncur Broo..."]
Text[3]=["Antivirus","Mulai dari Kaspersky, Norton, Bitdefender, Avast, Vipre, Etc, yang lokal juga ada!"]
Text[4]=["Billing Warnet","Mulai dari Deskpro, B-29, MoG, G-Billing, EZ-Billing dan lain-2x"]
Text[5]=["Software Design","Mulai dari Design Web, Blogger, Animasi, 3D dan sebagainya"]
Text[6]=["Software Multimedia","TMulai dari Winamp, real player sampai ke software karaokean bro!!"]
Text[7]=["Atau Tools Program","Mulai dari Winzip, Winrar, Data recovery, HD regenerator dan masih banyak lagi"]
Text[8]=["Info Belanja","Disini tempatnya barang murah-meriah dan berkualitas <A href='http://migoicons.tripod.com'>Lihat</A>"]
Text[9]=["Maskibow","Pokoknya tempel terus deh maskibow"]
Text[10]=["Games","Mulai dari Game Online, Games PC, sampe ke Game House Semuanya gratis"]
Text[11]=["Info Tutorial","Mulai dari Tutorial Javascript, Design, Multimedia sampai ke masalah tekhnik Brooo..."]
Text[12]=["Terjemah Al-Quran","Sambil mendengarkan Al-quran juga dapat belajar mengenai arti dari bacaan tersebut broo.."]
Text[13]=["Facebook","Gunakan Aplikasi facebook disini akan menampilkan icon FB yang berbeda! "]
Text[14]=["Di Maskibow","Serba Mudah, Gampang dan graris Broo"]
Text[15]=["","Langsung deh meluncur ke Maskibow"]
Text[16]=["","<b>Welcome To Maskibow</b> <li>Free Software</li> <li>Free Games</li> <li>Free Tutorial</li> <li>Free Info Belanja</li>"]
// [teks judul,teks isi,papan judul,papan isi, , , , , , , , ,ttppstn, ,bsrteksjdl,bsrteksisi,lbrpapan,tngipapan,boder,bgisi,dst]
Style[1]=["black","orange","orange","black","","","","","","","center","",2,2,200,"",2,2,10,10,"","","","",""]
Style[2]=["black","orange","orange","black","","","","","","","left","",2,2,200,"",2,2,10,10,"","","","",""]
Style[3]=["black","orange","orange","black","","","","","","","float","",2,2,200,"",2,2,10,10,"","","","",""]
Style[4]=["black","orange","orange","black","","","","","","","fixed","",2,2,200,"",2,2,1,1,"","","","",""]
Style[5]=["black","orange","orange","black","","","","","","","","sticky",2,2,200,"",2,2,10,10,"","","","",""]
Style[6]=["black","orange","orange","black","","","","","","","","keep",2,2,200,"",2,2,10,10,"","","","",""]
Style[7]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,40,10,"","","","",""]
Style[8]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,50,"","","","",""]
Style[9]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,51,0.5,75,"simple","gray"]
Style[10]=["black","orange","orange","black","","","right","","Impact","cursive","center","",3,5,200,150,5,20,10,0,50,1,80,"complex","gray"]
Style[11]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,51,0.5,45,"simple","gray"]
Style[12]=["black","orange","orange","black","","","","","","","","",2,2,200,"",2,2,10,10,"","","","",""]
applyCssFilter()
</SCRIPT>
<P>Disini diberikan beberapa contoh dari efek tootip tersebut coba kamu arahkan kursor kamu ke link yang ada di bawah ini bro:</P>
<P>Selamat datang di
<A href="#" onMouseOver="stm(Text[1],Style[12])" onMouseOut="htm()">Maskibow</a> Contoh pertama merupakan Tooltip yang tertera judul tooltip dan isi tooltip, tetapi apabila kamu
<A href="#" onMouseOver="stm(Text[2],Style[12])" onMouseOut="htm()">Tidak ada Judul</a>, kamu bisa menggunakan tooltip ini, atau kamu juga ingin mengatur di posisi
<A href="#" onMouseOver="stm(Text[3],Style[12])" onMouseOut="htm()">Kanan</A> Toltip kamu berada, atau mungkin di
<A href="#" onMouseOut="htm()" onMouseOver="stm(Text[4],Style[1])">Tengah</A> atau juga di
<A href="#" onMouseOver="stm(Text[5],Style[2])" onmouseout="htm()">Kiri</A> Wkwkwkw terserah lw deh bro pengen bergaya
<A href="#" onMouseOver="stm(Text[6],Style[3])" onMouseOut="htm()">float </A>atau juga bergaya
<A href="#" onMouseOver="stm(Text[7],Style[4])" onMouseOut="htm()">fixed</A> . Kamu juga dapat memberikan informasi berupa link didalamnya seperti bergaya
<A href="#" onMouseOver="stm(Text[8],Style[5])" onmouseout="htm()">sticky</A> yang harus kamu tutup secara manual atau juga dapat kamu
<A href="#" onMouseOver="stm(Text[9],Style[6])" onMouseOut="htm()">Pegang</A> dan bawa kemana saja tooltip tersebut terserah.<BR> Kamu juga dapat mensetting jarak posisinya baik setting di
<A href="#" onMouseOut="htm()" onMouseOver="stm(Text[10],Style[7])">Kiri</A> Setting di
<A onMouseOver="stm(Text[11],Style[8])" href="#" onMouseOut="htm()">Kanan</A> Kordinat papan tooltip dengan kursormu. atau juga memberika tambahan didalam papanmu
<A href="#" onMouseOver="stm(Text[12],Style[9])" onmouseout="htm()">Efek</A> yang mungkin dapat digunakan di internet explorer. Atau setting besarnya
<A href="#" onMouseOver="stm(Text[13],Style[10])" onMouseOut="htm()">Isi Papanmu</A> supaya dapat terlihat lebih jelas. Atau juga kamu isi dengan berbagai
<A href="#" onMouseOver="stm(Text[16],Style[12])" onMouseOut="htm()"> HTML Tag</A>. Pokoknya banyak deh brooo....</P>
<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