0 Menambah Gadget Teks Writter Pada Blogspot

Beberapa waktu yang lalu ketika masih suka bermain dengan salah satu bahasa pemrograman, saya iseng-iseng mencoba bikin skrip yang dapat menampilkan tulisan seperti orang sedang mengetik, contohnya seperti pada bagian atas halaman ini. Agar skrip ini tidak hilang dalam tumpukan data yang berserakan di kompi, saya pasang dihalaman blog ini saja sekalian berbagi informasi buat sahabat-sahabat yang ingin menghias tampilan blognya supaya terkesan lebih ramai dan bagi sahabat yang sudah tahu silahkan menutup halaman ini atau membaca halaman lainnya sebelum anda terbawa emosi karena membaca tulisan sampah ini, dan bagi yang penasaran ingin mencoba silahkan tanpa banyak tanya langsung ikuti langkah-langkah berikut ini.

Adapun langkah-langkahnya :

1. Log in ke halaman Blog anda kemudian masuk menu Rancangan
2. Klik elemen laman
3. Tambah gadget dan pilih HTML/JavaScript
4. Copy dan paste kode berikut dalam kolom konten

<script language="JavaScript">
<!--
var text="Corat-coret gak perlu harus menunggu tulisan bagus yang penting ada ide, ada kemauan dan memulai proses dengan benar.";var delay = 75; var currentChar = 1; var destination = "[not defined]";

function type()
{
 if (document.getElementById)
  {
   var dest=document.getElementById(destination);
  if(dest)// && dest.innerHTML)
   {
    dest.innerHTML = text.substr(0, currentChar);//dest.innerHTML+ = text[currentChar-1];
    currentChar++
  if(currentChar>text.length)
    {
     currentChar = 1;xx = document.getElementById(destination).innerHTML;document.getElementById(destination).innerHTML = xx; startTyping(text, 75, "message")
    }
  else
    {
     setTimeout("type()", delay);
    }
   }
  }
}
function startTyping(textParam, delayParam, destinationParam)
 {
  text = textParam; delay = delayParam; currentChar = 1; destination = destinationParam; type();
 }
window.onload = function ()
 {
 startTyping(text, 75, "message")
 }
//-->
</script>
<style type="text/css"></style>
<div id="message" align="center"></div>

5. Jangan lupa simpan pekerjaan anda dan selamat mencoba

NB : var text="isi dengan kalimat yang diinginkan"

Komentar →