Hallo sobat program, semoga masih sehat dan selalu update seputar pemrograman yaa, Alhamdulilah saat ini kita masih dapat dipertemukan kembali diwebsite dumetschool ini. Dan pada kesempatan kali ini saya akan membahas tentang Cara Membuat Typewriter Effect dengan Typewriter.js.

Typewriter effect disini merupakan sebuah animasi agar text atau karakter yang sudah di berikan effect/animasi akan menjadi seperti baru diketik. Dan disini kita tidak membuatnya dari 0 menggunakan javascript, namun kita menggunakan salah satu plugin javascript yaitu Typewriter.js. karena sudah disediakan maka langsung saja kita mulai mempraktekannya.

Pertama-tama jalankan/run text-editornya kemudian ketiklah script HTML seperti pada gambar dibawah ini :

Cara Membuat Typewriter Effect dengan Typewriter.js

Jika sudah dengan kode HTML nya, langkah selanjutnya kita panggil CDN dari plugin Typewriter.js ini seperti pada gambar dibawah ini :

Cara Membuat Typewriter Effect dengan Typewriter.js

Kode diatas harus terkoneksi dengan internet ya teman-teman, oke langkah selanjutnya kita masukan sedikit javascript seperti pada gambar dibawah ini :

Cara Membuat Typewriter Effect dengan Typewriter.js

Jika sudah step-bystep seperti diatas maka silahkan langsung coba dijalankan dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan seperti pada demo dibawah ini :

DEMO

Untuk kode javascript typewriternya untuk method dan beberapa option teman-teman bisa lihat pada gambar dibawah ini :

Cara Membuat Typewriter Effect dengan Typewriter.js

Cara Membuat Typewriter Effect dengan Typewriter.js

Cukup mudah ya teman-teman tentang Cara Membuat Typewriter Effect dengan Typewriter.js dan silahkan coba kreasi sendiri dengan acuan gambar diatas.

Oke kalau begitu cukup sekian dipembahasan kali ini tentang Cara Membuat Typewriter Effect dengan Typewriter.js semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih