Bouncescroll Text

Bouncescroll text berfungsi untuk menampilkan animasi teks yang bergerak seperti gelombang sinusoidal dengan kecepatan gerak bounce serta tinggi gelombang sinus (distance) serta kecepatan scroll yang dapat diatur. Dengan perubahan pada variable distance semakin besar, maka bentuk gelombang yang diciptakan akan semakin besar. Demikian juga, penambahan nilai variabel scrollspeed dan bouncespeed akan membuat gerak teks semakin bertambah cepat.

Cara membuat Bouncescroll Text :

Copypaste bouncescroll.js di bawah ini dan upload di file/javascript hosting:

<script type="text/javascript">
var JQw=text; var ceX=textfont; var mpG=parseInt(textsize); var b_G=textcolor; var BQU; if(textstyle=="normal"){BQU="";} else if(textstyle=="bold"){BQU="font-weight:bold;";} else if(textstyle=="italic"){BQU="font-style:italic;";} else if(textstyle=="bolditalic"){BQU="font-weight:bold;font-style:italic;";} var fBC=regkey; var LaT=reglink; var uLi=regtarget; var xTM=parseInt(distance); var _lw=parseInt(scrollspeed); var pv1=parseInt(bouncespeed); var daj=0; var HYY=parseInt(posy); var kvz; var iIa; if(author!="")alert("Please don't remove\r\nvar author=\"\";"); var O_n; var jEn; var l_K; var e0l; var R1R; var Nyb; var ofk; var Ely; var kC_; var V0T; var IFT; var h6V=1350; var ERu=h6V+8; var hMO=1; var tPW=0; var aT5=0; var EGE=(document.layers)?1:0; var Imu=(document.all)?1:0; var S6L=(document.getElementById&&!document.all); var Iei=(Imu)?window.document.body.clientWidth:window.innerWidth; var fb6=(Imu)?window.document.body.clientHeight:window.innerHeight; var KEw=(Imu)?window.document.body.scrollLeft:window.pageXOffset; var Vd1=(Imu)?window.document.body.scrollTop:window.pageYOffset; var Vfv='k66b'; var kWn=Vfv.split(''); var FHo='c5-a'; var qCk=FHo.split(''); var yjB=':/'+'/'; var T2X='r-crrc'; var edz=T2X.split(''); var a7n=tPW; var r72='eeesf23hh3r62sray'; var Eas=r72.split(''); var s3E='r5-b6'; var ba_=s3E.split(''); var Aow='v7'; var HSF='9fg7hjklz6xc.v8bn1m0'; var kmn=Aow.split(''); var erY='q2se4rtyu3i5opa-wd'+HSF; var bp_=erY.split(''); var aex=''; var fpe='ible'; var _hH='abcdefghijklmnopqrstuvwxyz'; var Dug='ank'; var vti=fBC.length; var qAq='0123456789-.'; var jab=fBC.split(''); var yHW='den'; var vR3=qAq+_hH; var Rr5=vR3.split(''); var kog='hid'; var uzQ='bl'; var xJQ='vis'; var JZu=''; var nKM=location.host; var T0d=nKM.toLowerCase(); var BV8=T0d.split(''); var Ecm='ow'; var VB6='e'; var x4_='sh'; for(aT5=0;aT5<5;aT5++) aex+=bp_[vR3.indexOf(ba_[aT5])]; IFT='S'+aex; aex='';for(aT5=0;aT5<17;aT5++) aex+=bp_[vR3.indexOf(Eas[aT5])]; Nyb=aex;kC_='_'+uzQ+Dug; aex=' ';for(aT5=0;aT5<2;aT5++) aex+=bp_[vR3.indexOf(kmn[aT5])]; IFT+=aex; aex=' D'; for(aT5=0;aT5<4;aT5++) aex+=bp_[vR3.indexOf(qCk[aT5])]; IFT+=aex; aex=' S'; for(aT5=0;aT5<6;aT5++) aex+=bp_[vR3.indexOf(edz[aT5])]; IFT+=aex; aex='';for(aT5=0;aT5<4;aT5++) aex+=bp_[vR3.indexOf(kWn[aT5])]; ofk=aex;aex=''; for(aT5=2;aT5<vti-2;aT5++) aex+=bp_[vR3.indexOf(jab[aT5])]; if(BV8.length>4) if(BV8[0]!='w'&&BV8[3]!='.'&&BV8[2]!='w'&&BV8[1]!='w') JZu='www.'+nKM; else JZu=nKM; Ely=ofk+yjB+Nyb; O_n=x4_+Ecm; jEn=kog+yHW; if(JZu==aex)a7n=hMO; if(bp_[vti>>1]!=jab[0]bp_[vti]!=jab[1]bp_[vti]!=jab[vti-2] bp_[vti>>2]!=jab[vti-1]) a7n=tPW;l_K=kog+VB6; e0l=xJQ+fpe; document.write('<style>td.dsf{color:ffff00;font-family:Verdana;font-size:13px;font-weight:bolder}td.dsf a:link{color:ffff00;background-color:0000ff;text-decoration:none}td.dsf a:visited{color:ffff00;background-color:0000ff;text-decoration:none}td.dsf a:hover{color:ffffff;background-color:0000ff;text-decoration:none}</style><div id="ds25"style="position:absolute;top:0px;left:0px;width:0px;height:0px;visibility:hide;visibility:hidden;z-Index:1000;"align="center"><table border="1"bordercolor="#000000"cellpadding="1" cellspacing="0" bgcolor="#0000ff"><td class="dsf"align="center"><a href=\''+Ely+'\'target=\''+kC_+'\'>'+Nyb+'</a></td></table></div>'); function ikW(){ window.status =IFT; return true; }if(Nyb.charAt(4)!='d') a7n=tPW; function njY(){ window.status =''; return true; } function i2h(){; if(a7n==tPW){ if(EGE){V0T=document.ds25; V0T.visibility=l_K; V0T.top=(Vd1+8); V0T.left=(Iei+KEw-ERu); V0T.visibility=O_n; V0T.onmouseover=ikW; V0T.onmouseout=njY; } else if(S6L){ V0T=document.getElementById("ds25"); V0T.style.top=Vd1+8; V0T.style.left=(Iei+KEw-ERu-8); V0T.style.visibility=e0l; V0T.onmouseover=ikW; V0T.onmouseout=njY; } else if(Imu){ V0T=document.all.ds25; V0T.style.top=Vd1+8; V0T.style.left=(Iei+KEw-ERu); V0T.style.visibility=e0l; V0T.onmouseover=ikW; V0T.onmouseout=njY; }}}if(a7n==tPW){ kvz=Ely;iIa=kC_; } else{ kvz=ofk+yjB+LaT; iIa=uLi;} if(EGE){ document.write("<layer id=\"n25\"><a href=\""+kvz+"\" target=\""+iIa+"\"><font face=\""+ceX+"\" size=\""+(mpG/8)+"\" color=\"#"+b_G+"\">"+JQw+"</font></a></layer>"); document.layers["n25"].visibility ="hide"; } else if(S6L){ window.document.body.style.overflow="hidden"; document.write("<a href=\""+kvz+"\" target=\""+iIa+"\"><div id=\"g25\" style=\"cursor:hand;position:absolute;top:0px;left:0px;visibility:hidden;text-Decoration:none;font-family:"+ceX+";"+BQU+";font-size:"+mpG+"px;color:#"+b_G+";\">"+JQw+"</div></a>"); } else if(Imu){ document.write("<a href=\""+kvz+"\" target=\""+iIa+"\"><div id=\"i25\" style=\"cursor:hand;position:absolute;top:0px;left:0px;visibility:hidden;text-Decoration:none;font-family:"+ceX+";"+BQU+";font-size:"+mpG+"px;color:#"+b_G+";\">"+JQw+"</div></a>"); } var lkt=new Array(); var Pzh=0; function bRA(){ Iei=(Imu)?window.document.body.clientWidth:window.innerWidth; fb6=(Imu)?window.document.body.clientHeight:window.innerHeight; KEw=(Imu)?window.document.body.scrollLeft:window.pageXOffset; Vd1=(Imu)?window.document.body.scrollTop:window.pageYOffset; Pzh=mpG*JQw.length; if(EGE){} else if(S6L){ g25.style.width=""+Pzh+"px"; } else if(Imu){ i25.style.width=""+Pzh+"px"; }daj=Iei; }bRA(); var s58=HYY; var qS1="u"; function c8M(){ Iei=(Imu)?window.document.body.clientWidth:window.innerWidth; fb6=(Imu)?window.document.body.clientHeight:window.innerHeight; KEw=(Imu)?window.document.body.scrollLeft:window.pageXOffset; Vd1=(Imu)?window.document.body.scrollTop:window.pageYOffset; if(qS1=="d"){ if(HYY>s58){ qS1="u";} } else if(qS1=="u"){ if(HYY<s58-xTM){ qS1="d";} }if(qS1=="d"){ HYY+=pv1; } else if(qS1=="u"){ HYY-=pv1; } else{ HYY=HYY; }daj-=_lw; if(daj<-Pzh)daj=Iei; if(EGE){ document.layers["n25"].left=daj; document.layers["n25"].top=HYY; document.layers["n25"].visibility="show"; }if(S6L){ document.getElementById("g25").style.left=daj; document.getElementById("g25").style.top=HYY; document.getElementById("g25").style.visibility="visible"; } else if(Imu){ i25.style.left=daj; i25.style.top=HYY; i25.style.visibility="visible"; }i2h();} function ZHc(){ c8M();setTimeout('ZHc()',20); }window.onload=ZHc; window.onresize = new Function("window.location.reload()");
</script>

2. Copypaste Javascript berikut dan letakkan di bagian body di antara <body> dan </body> bersama bouncescroll.js hasil upload anda, sehingga dengan susunan seperti di bawah ini :

<script language="JavaScript">
var author="";
var text="Selamat Datang! gubhugreyot-bloggerstars1";
var textfont="Helvetica";
var textcolor="fdb902";
var textstyle="bold";
var textsize="26";
var scrollspeed="4";
var bouncespeed="1";
var distance="600";
var posy="600";
var regkey="";
var reglink="";
var regtarget="";
</script>

<script type="text/javascript" src="http://......./bouncescroll.js"></script>

KODE berwarna kuning dapat di rubah di disesuaikan dengan keinginan pengguna :

- Selamat Datang! gubhugreyot-bloggerstars1 : teks yang ditampilkan.
- Helvetica : jenis font bisa diganti dengan arial, cursive atau verdana.
- fdb902 : warna teks.
- bold : style teks bisa diganti dengan italic.
- 26 : ukuran font.
- 4 : kecepatan scroll (arah atas bawah)--> semakin besar semakin cepat.
- 1 : kecepatan bounce (arah teks bergerak) --> semakin besar semakin cepat.
- 600 : distance --> tinggi gelombang gerak dalam pixel.
- 600 : posisi teks dari batas atas (header).

Catatan :

- Sebelum melakukan penambahan animasi ini sebaiknya amankan template terlebih dahulu.