Wednesday, July 6, 2011

[Tutorial] Title Bar Maker

Yana bukak formspring tadi. Then ada la beberapa orang yg tanya macam mana nak buat perkataan yg gerak2 kat blog yana nie. To yg bertanya tu sori for late. Blog yana ada problem sikit baru2 nie. Sbb tu baru buat tutor. Huuu.

Untuk tak memajangkan cerita, meh yana ajar cara nak buat title blog tu jadi gerak2. Yg tu orang panggil title blog maker.

1. Pegi Dashboard > Design > Add a gadget > Edit HTML/Javascript
2. Copy dan paste je code bawah ni :



<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb10_makeArray(n){
 this.length = n;
 return this.length;
}
tb10_messages = new tb10_makeArray(2);
tb10_messages[0] = " ayat anda ";tb10_messages[1] = "";
tb10_rptType = 'infinite';
tb10_rptNbr = 5;
tb10_speed = 100;
tb10_delay = 2000;
var tb10_wiper
var tb10_space="_"
var tb10_currMsg=0;
var tb10_counter=1;
var tb10_index=0
tb10_main()
function tb10_main()
{
 document.title=tb10_messages[tb10_currMsg].substring(0,tb10_index)
 tb10_index++
 if(tb10_index==(tb10_messages[tb10_currMsg].length+4)){setTimeout('tb10_reset_clear()',tb10_delay);}
 else{setTimeout('tb10_main()',tb10_speed)}
}
function tb10_reset_clear()
{
 tb10_index=0
 tb10_wiper=""
 for(var a=0;a<tb10_messages[tb10_currMsg].length;a++){tb10_wiper+=tb10_space}
 tb10_clearem()
}
function tb10_clearem()
{
 document.title=tb10_wiper.substring(0,tb10_index) + "->" + tb10_messages[tb10_currMsg].substring(tb10_index+2,tb10_messages[tb10_currMsg].length)
 tb10_index++
 if(tb10_index==(tb10_messages[tb10_currMsg].length+4)){
  if (tb10_currMsg == tb10_messages.length-1){
   if ((tb10_rptType == 'finite') && (tb10_counter==tb10_rptNbr)){
    document.title="";
    return;
   }
   tb10_counter++;
   tb10_currMsg = 0;
  }
  else tb10_currMsg++;
  tb10_index=0
  tb10_main()
 }
 else{setTimeout('tb10_clearem()',250)}
}
</script>



Yang code warna merah tu korang tulis la ayat korang yang nak di-display-kan kat title bar tu.
3. Then Save. Siap! :)


Sekian :]

No comments:

Post a Comment

Thanks for comment. Come again! ^_^