Isnin, November 10, 2008

Menggerakkan teks pada bar tajuk blog..

Assalamualaikum..

Catatan kali ini ialah mengenai kod javascript yang berfungsi untuk menjadikan teks pada bar tajuk (title bar) blog kita bergerak atau bergelintar di sepanjang bar tajuk tersebut.

Bar tajuk pada blog ini..


Setelah sekian lama kod ini diaplikasikan kepada blog AzlanSajirah, beberapa hari yang lalu, ada seorang kenalan telah bertanya mengenai kod tersebut untuk digunakan ke atas blognya.

Jadi, di sini, kami ingin berkongsi dengan pembaca sekalian mengenai kod yang sangat mudah untuk diaplikasikan ini!

Untuk pengetahuan pengunjung sekalian, bar tajuk ialah teks yang berada paling atas pada mana-mana pelayar web (web browser) atau perisian (software). Pelayar web yang paling popular sekarang ialah Mozilla Firefox.


Untuk menjadikan teks pada bar tajuk tersebut bergerak, pembaca hanya perlu menyalin (copy) dan menampal (paste) kod di bawah ini ke dalam kod HTML bagi blog pembaca, di dalam head section, iaitu di antara tag pembuka, <head>, dan tag penutup, </head>.

/***Kod untuk teks pada title bar bermula di sini***/
<script>
var repeat=1
var title=document.title
var leng=title.length
var start=1

function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==0)
return
}

setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</script>
/***Kod untuk teks pada title bar berakhir di sini***/

Sekarang, blog pembaca juga sudah mempunyai bar tajuk dengan teks yang bergerak seperti blog ini. Selamat mencuba!


Cetak catatan ini..

0 ulasan:

Disediakan oleh Tengku Azlan || Hakcipta Terpelihara © 2008