Membuat Teks Berjalan Dimenu Bar

10.21.2012

Kali ini saya coba berbagi cara membuat teks berjalan di menu bar, sebetulnya sudah banyak sekali blog yang membahas tutorial yang satu ini namun sekedar melengkapi daftar bacaan diblog ini tidak ada salahnya saya coba menuliskannya kembali buat sobat.sudah tau letak menu bar? ya..menu bar letaknya ada di bagian atas browser.unutk lebih jelasnya bisa lihat gambar dibawah ini :

Bagaimana cara membuat teks berjalan di menu bar seperti gambar diatas,? ini dia langkahnya:

1. Silahkan sobat login ke blogger
2. Pada menu Design -> Edit HTML
3. Cari kode </head> (tekan Ctrl+F untuk mempermudah pencarian) setelah ketemu letakkan kode dibawah ini diatas kode </head>

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

    msg = " -- Selamat Datang Di Abitalita Blog ";
    msg = " | http://abitalita.blogspot.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>

Keterangan :
- Ganti merah dengan teks yang sobat inginkan
- Ganti biru untuk mengatur kecepatan teks

4. Terakhir simpan template dan lihat hasilnya
5. Selesai.