Teks Berjalan di Navbar Bawah - Bahauddin Amyasi

Beberapa waktu yang lalu, rekan Multimedia Bali (nama yang diperkenalkan melalui kotak komentar) menanyakan bagaimana cara membuat tulisan di bawah Header blog. Saya tidak tahu pasti apa yang dimaksud dengan "Tulisan dibawah Header", apakah itu berarti hanya teks biasa tanpa efek marquee atau tidak. Tetapi, karena pertanyaan beliau adalah komentar untuk Postingan Membuat Teks Berjalan di Navbar Atas", maka saya berasumsi bahwa yang dimaksud tulisan dalam pertanyaan tersebut adalah Tulisan Berjalan.

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 = "Selamat datang di Bahauddin's Blog ............... ^" +
"I hope you enjoy spending your time here ............... ^" +
"Terima kasih atas kunjungannya ............... ^" +
"Jangan segan-segan untuk kembali lagi di http://bahauddin-amyasi.blogspot.com/ ............... ^"

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>

Note :
Ganti tulisan yang berwarna merah dengan kalimat yang sobat inginkan. Tulisan tersebut terdiri dari 4 baris kalimat. Sobat bisa menambah atau menguranginya...
Untuk angka 50 yang berwarna blue, menunjukkan kecepatan gerak. Sobat bisa mengubahnya dengan angka lain, semakin kecil angka yang diberikan, semakin cepat gerak tulisan tersebut.