ads

header ads

Teks Berjalan di Navbar Bawah

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.

Post a Comment

6 Comments

  1. makasih mas gadgetnya

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. thanks ya ataz sharing ya sangat bermanfaat bagi saya

    ReplyDelete
  4. thanks ya .........bermanfat

    ReplyDelete
  5. makasih mas atas ilmunya hehehehe

    ReplyDelete

Kepada Sobat-Sobat sekalian silahkan komen Disini, Semuanya boleh komen, yang tua sampai muda bebas berkomen ria di bawah ini.

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia. Jika anda tidak punya blog/website, kolom URL boleh dikosongi.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan)

Makacih ya atas komennya ...