Jumat, 10 April 2015

Membuat Title Web/Blog Bergerak

Pernah melihat title suatu web bergerak seperti efek marque? Coba lihat contoh di bawah ini:

Berbagi Ilmu dan Inspirasi

Untuk membuat tulisan bergerak seperti di atas kita dapat menggunakan tag <marquee>
<marquee direction='left'>Berbagi Ilmu dan Inspirasi</marquee>
Bagaimana cara menerapkan cara seperti ini pada title web/blog? Apakah sama seperti cara di atas?

Untuk membuat title web/blog dapat berjalan caranya berbeda dengan cara di atas. Kita harus memanfaatkan javascript untuk melakukan hal ini.

Wah pasti sulit jika harus menggunakan javascript?
Tidak, caranya sangat mudah hanya membutuhkan beberapa baris code javascript saja.

Lalu bagaimana caranya?
Mari kita simak step-step berikut ini:

  1. Copy code javascript berikut ini 

    <script language="JavaScript">
        var txt=String(document.title);
      
        function move() {
            var speed=200;
          
            document.title=txt;
            txt=txt.substring(1,txt.length)+txt.charAt(0);

            window.setTimeout(function(){move()},speed);
        }
    </script>
    Bagian berwarna kuning akan menampilkan tulisan sesuai dengan title web/blog anda, atau anda dapat mengganti dengan title web/blog pilihan anda. Bagian berwarna biru untuk menentukan interval waktu pergerakan title, interval ini dalam satuan mili second. Lalu paste tetap di bawah bagian </title>
  2. Pada bagian <body> tambahkan seperti ini
    <body onload="move()">
  3. Simpan dan lihat perubahannya

Tidak ada komentar :

Posting Komentar