Cara Membuat Text Berjalan Mengetik / Typing Text

Salam Blogger sobat .. apa kabar semua semoga dalam keadaan sehat tak kurang satu apapun.kali ini saya akan share cara membuat tulisan berjalan seperti yang berada di samping.....ada beberapa cara untuk membuat typing text atau text mengetik.tetapi semua pasti ada kelebihan dan kelemahannya.

Cara yang pertama :

Menggunakan fasilitas dari dinamic drive

caranya:

1. LOgin ke akun blog anda
2. Klik Rancangan Edit HTML
3. Cari kode </head>
4. Copy paste kode berikut diatasnya.
   
   <script type="text/javascript" src="http://smilenet4u.googlecode.com/files/TipingText.js"></script>
5. Klik Save
6. kemudian Copy kode berikut dan letakkan dimana anda akan meletakkan tulisan tersebut ...
   
   <div id="example1">your text here</div>
   
   <div id="example2">your text here</div>
   
   <script type="text/javascript">
   //Define first typing example:
   new TypingText(document.getElementById("example1"));
   
   //Define second typing example (use "slashing" cursor at the end):
   new TypingText(document.getElementById("example2"), 100, function(i){ var ar = new Array("-"); return " " + ar[i.length % ar.length]; });
   
   //Type out examples:
   TypingText.runAll();
   </script>
   Contoh :
   
   
   Thanks for visiting smilenet4u
   selamat mencoba sesuatu yang belum pernah anda coba sebelumnya
   
   Salam Blogger sobat .. apa kabar semua semoga dalam keadaan sehat tak kurang satu apapun.kali ini saya akan share cara membuat tulisan berjalan seperti yang berada di samping.....ada beberapa cara untuk membuat typing text atau text mengetik.tetapi semua pasti ada kelebihan dan kelemahannya.
   jangan takut mencoba kawan
   And Thank's.
   Salam Blogger sobat .. apa kabar semua semoga dalam keadaan sehat tak kurang satu apapun.kali ini saya akan share cara membuat tulisan berjalan seperti yang berada di samping.....ada beberapa cara untuk membuat typing text atau text mengetik.tetapi semua pasti ada kelebihan dan kelemahannya.
   
   

Kelemahannya tidak bisa berulang

 Cara yang Kedua :

Cara yang adalah yang saya pakai seperti di samping ...
cukup mudah caranya sbb:

1. Login ke akun BLOG anda
2. Klik Rancangan Edit HTML
3. Cari kode </head>
4. Copy paste kode berikut diatasnya:
   
   <SCRIPT LANGUAGE="JavaScript">
   var text="your text here";
   var delay=10;
   var currentChar=1;
   var destination="[none]";
   function type()
   {
   //if (document.all)
   {
   var dest=document.getElementById(destination);
   if (dest)// && dest.innerHTML)
   {
   dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
   currentChar++;
   if (currentChar>text.length)
   {
   currentChar=1;
   setTimeout("type()", 5000);
   }
   else
   {
   setTimeout("type()", delay);
   }
   }
   }
   }
   function startTyping(textParam, delayParam, destinationParam)
   {
   text=textParam;
   delay=delayParam;
   currentChar=1;
   destination=destinationParam;
   type();
   }
   </SCRIPT>
5. Klik save
6. Cara memasang copy kode berikut dan paste di tempat yang anda inginkan:
   
   <div id="textDestination" style=" font: 12px arial; color: #00ff00; margin: 0px;"></div>
   <script language="JavaScript">
   javascript:startTyping(text, 50, "textDestination");
   </script>
7. paste kan di side bar atau di postingan anda 

kelemahannya hanya bisa diletakkan pada 1 tempat aja.

Example :

silakan utak atik sendiri sriptnya....
salam blogger
selamat mencoba.