Cara Membuat Animation Title Bar untuk Blog

Cara Membuat Animation Title Bar untuk Blog

Nak jadikan blog korang lebih menarik dan cantik tak? Jom kita buat title bar yang bergerak-gerak pada tab browser. Nak tau title bar macam mana, tengok tab blog saya yang bergerak-gerak kat atas sekali tulis macam ni “SeLaMat DatAng Ke BLog SaYa TeRiMa KaSiH”. Cara nak buat senang je.

Pergi ke Dashboard > Layout > Add a Gadget > >HTML/Javascript

Kemudian copy kod di bawah ke dalam ruangan HTML/Javascript. Korang ubah perkataan yang berwarna tu mengikut pilihan sendiri. Kemudian save dan view. Cantik tak???. Jangan lupa bagi komen kalau menjadi k..:-)

<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 SaYa TeRiMa KaSiH ";
tb8_messages[1] = "zuarxpdc.blogspot.com";
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>