Halo teman-teman pada kesempatan kali ini, saya akan menjelaskan Cara Membuat Title Bergerak Pada HTML. Pada biasanya teman-teman jika ingin membuat title pada sebuah website, dapat menggunakan tag dari HTML yaitu <title></title>. Title bergerak pada sebuah website, akan berguna apabila title dari website yang kita buat itu memiliki banyak kata, atau bisa dibilang memiliki suka kata yang banyak. Sehingga jika title tidak bergerak maka kita akan kesulitan untuk membaca semua kata dari title tersebut. Kita langsung saja mempraktekkannya ya teman-teman, dengan struktur seperti dibawah ini teman-teman hanya akan memiliki title yang seperti biasa atau tidak bergerak.

Struktur penulisan title pada HTML:

Namun bagaimana caranya jika teman-teman ingin membuat title tersebut bergerak? Teman-teman bisa menggunakan Javascript, dan tidak menggunakan tag <title></title> dari HTML seperti tadi. Sebagai contoh, saya akan memberikan contoh penulisan kode Javascript untuk membuat title tersebut bergerak:

Kode Javascript untuk membuat title bergerak:

Teman-teman bisa menaruh atau mengcopy paste script dari Javascript tersebut dan teman-teman paste diantara tag <head> dan </head>, atau teman-teman dapat menggantikan tag <title></title> di HTML dengan kode Javascript seperti diatas, sebagai contoh seperti dibawah ini:

Contoh Penulisan Struktur Title Bergerak:

Untuk mengatur kecepatannya, teman-teman bisa merubah angka pada var speed, semakin tinggi angkanya maka semakin lama atau melambat pergerakan dari title tersebut. Berlaku juga kebalikannya, semakin kecil angkanya semakin cepat pergerakan dari title tersebut. Dan kode pada Javascript tersebut tidak menutup kemungkinan harus seperti itu, teman-teman bisa saja merubah kata “speed” menjadi “kecepatan”, atau merubah kata “action” menjadi “bergerak” ataupun kata “refresh” menjadi “segarkan”. Mudah ya teman-teman membuat title bergerak? Semoga bermanfaat.