06 March 2010
Cool Title Bar Animation

Assalamualaikum , korang nak jadikan blog korang lebih menarik ? ? Jom buat title bar yang bergerak-gerak pada tab browser korang .
1. Login ke Blogspot .
2. Klik Layout - Add a Gadget - HTML/Javascript
3. Pastekan kod di bawah ke dalamnya .
<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(5);
tb8_messages[0] = "SeLaMat DatAng Ke BLog MsueRoomZ TeRiMa KaSiH ";
tb8_messages[1] = "Blog Tutorial MsueRoomZ";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
4. Save dan Preview .

Note : Pada perkataan yang di highlight itu tukarkan dengan ayat korang sendiri .
Via - ZuarXPDC
1. Login ke Blogspot .
2. Klik Layout - Add a Gadget - HTML/Javascript
3. Pastekan kod di bawah ke dalamnya .
<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(5);
tb8_messages[0] = "SeLaMat DatAng Ke BLog MsueRoomZ TeRiMa KaSiH ";
tb8_messages[1] = "Blog Tutorial MsueRoomZ";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
4. Save dan Preview .


Note : Pada perkataan yang di highlight itu tukarkan dengan ayat korang sendiri .
Via - ZuarXPDC
Tinggalkan Komen Anda Disini