DUNIA ELEXTRONICA : Cara Membuat Animasi Pada Title Bar

Selasa, 16 Juli 2013

Cara Membuat Animasi Pada Title Bar

Assalamualaikum

Sebelumnya, buat sobat Blogger yang mungkin ingin mencoba atau yang hobby ngutak-ngutik blog, di sini Ane mau sharing bagaimana cara membuat Title bar menjadi tampilan Animasi (~~lihat status bar blog ini di atas~~).
Okey, caranya cukup mudah, tinggal Coppas aja Code di textarea di bawah ini:

<script type="text/javascript">
var data="";
var text="Isi Text Kamu";//
var done=1;
statusIn(text);
function statusIn(text){
  var max=4;
 var delay=0;
 if (done){
  done = 0;
   decrypt_helper(text, max, delay,  0, max);
 }
}
function decrypt_helper(text, runs_left, delay, charvar, max){
 if (!done){
 runs_left = runs_left - 1;
   //alert( runs_left);
 var status = text.substring(0,charvar);
  for(var current_char = charvar; current_char < text.length; current_char++){
  status += data.charAt(Math.round(Math.random()*data.length));
     }
 document.title = status;
 var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
 var new_char = charvar + 1;
 var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");"
 if(runs_left > 0){
  setTimeout(rerun, delay);
  }
 else{
  if (charvar < text.length){
   setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
   }
  else
   {
   done = 1;
   }
  }
 }
statusIn(text);
}

function ctck()
{
     var sds = document.getElementById("dum");
     if(sds == null){
        alert("You are using a free package.\n You are not allowed to remove the tag.\n");
     }
     var sdss = document.getElementById("dumdiv");
     if(sdss == null){
         alert("You are using a free package.\n You are not allowed to remove the tag.\n");
     }
}
document.onload ="ctck()";
document.write("<center>
<div style=\"padding-left:50px; font-size: 12px;color: #dadada;\" id=\"dumdiv\">
<a href=\"http://jatealorz.blogspot.com\" id=\"dum\" style=\"text-decoration:none;color: #dadada;\"></a></div>
</center>
");
</script>

Lalu pasang di:
1. ke account Blog kamu
2. masuk ke draft, buka .

3.Klik ,Klik pada Tambahkan Gadget dan pilih Html/javascript

4. Paste/isikan Code tersebut di kotak/konten yang tersedia.dan pada kolom Judul, sebaiknya kosongkan saja..
Rampung...
Semoga manfa'at .
Wassalamualaikum...

Tidak ada komentar:

Posting Komentar