Saturday, August 22, 2009

cara membuat tulisan bergoyang


Tulisan bergoyang..?
heheheh.... kayak goyang dangdut aja...
tapi ini benar2 bergoyang kayak inul daratista, wekkekekkkk.

begini caranya..
copy code di bawah ini dan masukkan ke dalam body html blog/web kamu.

Lebih jelasnya begini :
Letakkan code dibawah ini pada widget atau pada body (dibawah <body>) untuk Melihat contohnya silahkan lihat disini http://edy-sujiyono.blogspot.com


Selamat mencoba, semoga berhasil :D



<script language="javascript">
// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='RETNET NGANJUK';
var delay=40;              // SPEED OF TRAIL
var txtw=32;               // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var xoff=30;               // OFFSET FROM THE LEFT OF THE PAGE *OR* FROM THE MOUSE CURSOR DEPENDING ON THE "mousefollow" SETTING.
var yoff=10;               // OFFSET FROM THE TOP OF THE PAGE *OR* FROM THE MOUSE CURSOR DEPENDING ON THE "mousefollow" SETTING.
var sampleinc=0.3;         // NUMBER OF PIXELS TAKEN ALONG THE "X" AXIS AT A TIME
var amplitude=35;          // THE HEIGHT OF THE WAVE IN PIXELS
var mousefollow=false;     // true=FOLLOWS THE MOUSE/ false=STAYS AT THE xoff/yoff COORDINATES.
var beghtml='<h1>';        // OPTIONAL HTML THAT EFFECTS THE WHOLE STRING.
var endhtml='</h1>';       // OPTIONAL HTML CODE ONLY NEEDED IF ABOVE NEEDS AN "END" HTML TAG.

//********** NO NEED TO EDIT BELOW HERE **********\\
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var t='';
var ex=sampleinc;
var mousex=0;
var mousey=0;
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-1000" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-1000px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function adjmousepos(evt){
mousex=xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
mousey=yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
ex=ex+sampleinc;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],xoff+mousex,yoff+mousey+(Math.sin(ex)*amplitude)+Math.abs(amplitude));
ex=ex+sampleinc;
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
setInterval('movetxts()',delay);
if(mousefollow){
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=adjmousepos;
}}
</script>

loading...
conference calling - cheap auto insurance - consolidate student loan - life insurance quote - cheap car insurance - refinance home
Comments
13 Comments

13 comments:

  1. Good info for accessories blog/web. Thank's for sharing.

    ReplyDelete
  2. Wah ternyata nggak cuma dangdut ya yang bisa buat digoyang, tulisanpun bisa juga digoyang. Saya coba dulu :D

    ReplyDelete
  3. Wew.. Komplit, gravatarnya gak keluar? Pake anonym aja.. Thanks info bagus.

    ReplyDelete
  4. eeee ada penjelasan di kotak komentar, gmna caranya?, uasyik nih klau ada tutorialnya, eee sipp nih goyang tutorialnya

    ReplyDelete
  5. @: alhejawi
    @: fatkhul
    @: nugroz

    silahkan dicoba...
    agar yang baca blog/web anda ikut bergoyang2, hehhehhehh...

    ReplyDelete
  6. Maksudnya bergoyang itu berjalan/marque, atau berputar/scroll atau gimana? kasih contoh tulisannya yg goyang itu Bro!
    http://wyw1d.wordpress.com/

    ReplyDelete
  7. @: Rachmad
    contohnya disini
    copy kode diatas terus ganti kata-kata Blogger Nganjuk, retnet sesuai keinginan anda.
    letakkan semua kode di WIDGET (yang penting masih didalam BODY)

    ReplyDelete
  8. contoh link tidak bisa dibuka bos.
    http://edy-sujiyono.blogspot.com/

    ReplyDelete
  9. great...!!!
    thanks.

    ReplyDelete
  10. sgera di coba...thx infonya

    ReplyDelete
  11. cra buatnya mnggunakan flash tdak gan.,.??

    ReplyDelete

No Spam..!! komentar spam akan saya hapus.
Tuliskan Nama Anda untuk memudahkan response.