Tuesday, April 26, 2011

Cara Membuat Teks Berjalan di Menu Bar

Salah satu pernak-pernik yang bisa dipasang oleh pengguna blogspot adalah berupa teks berjalan pada Menu Bar seperti yang saya pasang pada blog ini, coba tengok ke atas, bagaimana menurut Anda?

Jika tertarik juga untuk memasang teks berjalan pada blog Anda, cara membuatnya sangat mudah, cukup memasukan script pada template blog.

Cara Membuat Teks Berjalan di Menu Bar, silahkan ikuti langkah-langkahnya sebagai berikut:

  1. Login ke blogger;
  2. Pada menu Layout => Edit HTML, jangan lupa centang kotak Expand Template;
  3. Letakkan kode dibawah ini diatas kode </head>:
    <script type='text/javascript'>
    //<![CDATA[
    msg = "
    Dot Web IDn";
    msg = "
    | Tutorial | Musik | Video | Software | DLL |" + 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>

    Contoh memasangnya seperti di bawah ini:
    <script type='text/javascript'>
    //<![CDATA[
    msg = "
    Dot Web ID";
    msg = "
    | Tutorial | Musik | Video | Software | DLL |" + 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>

    </head>
  4. Jika sudah, klik Save Template Selesai.

Keterangan :
  • Teks berwarna merah adalah teks yang akan tampil pada Menu Bar;
  • Angka 200 adalah merupakan kecepatan gerak dari teks, semakin kecil nilainya semakin cepat gerakan teksnya, boleh diganti sesuai keinginan masing-masing.

0 comments:

Post a Comment

Note: Only a member of this blog may post a comment.

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes