Cara Membuat Teks Berjalan di Menu Bar

Daftar Isi

Dalam tutorial yang telah diposting di blog ini sebelumnya, kita telah belajar tentang bagaimana cara membuat teks berjalan di blog. Sekarang kita belajar tentang cara membuat teks berjalan di menu bar, atau teks yang berada dipojok paling atas layar dan di navbar browser seperti yang ditunjukkan pada gambar dibawah ini.

Bagi anda yang ingin mencobanya, silahkan ikuti langkah-langkah berikut ini:

1.  Login ke Blogger
2.  Pada menu Design -> Edit HTML
3.  Letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'>
//<![CDATA[

msg = " -- Welcome to Lucky Elektrik ";

msg = " | www.pulsacom.com -- " + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",200);

}
scrollMSG();
//]]>
</script>

Silahkan ganti teks yang dicetak tebal dengan teks yang ingin anda tampilkan. Angka 200 menunjukkan kecepatan gerak dari teks. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Silahkan ganti bila perlu.

4.  Klik Save Template. Selesai

Jika berhasil anda akan melihat teksnya berjalan di menu bar anda. Selamat mencoba.

Semoga Bermanfaat