Header Ads

Header ADS

Membuat Teks Berjalan di Navbar Bawah




Untuk membuat tulisan berjalan, kita bisa membuatnya dengan menggunakan jasa Free Service Online seperti Rockyou.com dengan Glittertext-nya, Widgeo.net dengan Flash effects &
Flash Message-nya dll. Untuk langkah-langkahnya, insyaAllah akan diulas pada postingan selanjutnya.

Selain triks instan di atas, kita juga bisa mengunakan kode html. Tag dasarnya adalah : <marquee>Isi Tulisan</marquee> dan ditambah sedikit atribut pelengkapnya. Insya Allah juga akan diulas pada psotingan selanjutnya (meski sudah bukan barang fresh lagi alias kadalwarsa, tapi tak mengapa lah....sedikit sharing. hehe..)

Tulisan ini sebenarnya ingin sedikit sharing tentang cara memasang teks berjalan di navbar bawah, seperti di blog ini. Jika sobat telah memasang teks berjalan di navbar atas, sebaiknya tidak memasang script ini, karena dikhawatirkan akan bertabrakan ....

Untuk memasangnya sebenarnya sangat sederhana. Kita tinggal memasang script berikut di bawah kode </body> sebelum kode </html>


Kodenya adalah:

<script language='javascript'>
message = "Welcome to Nurwahidin, M......."

scrollSpeed = 50
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}


scrollText(0)
</script>



Silakan ganti huruf berwarna hijau sesuai dengan keinginan Anda...


Selamat Mencoba

No comments

Powered by Blogger.