Tutorial Blogger

Cara Membuat Teks Animasi Glitch dengan CSS di Blogger

Seiring berkembangnya zaman banyak programmer sekaligus Blogger yang lahir dan handal dalam hal mengoprek sebuah blog dan template. Tidak jarang dari mereka selalu membuat inovasi baru. Salah satunya, font. Di zaman modern ini sudah banyak sekali font yang tercipta dengan berbagai jenisnya. Salah satunya font dengan animasi Glitch atau Grunge yang akan penulis bahas pada artikel kali ini.

Font teks dengan efek animasi Glitch atau Grunge merupakan font biasa, namun yang menjadi pembedanya ialah, font teks ini dipercantik dengan tampilan Animasi Hover Glitch. Jika kamu penasaran dengan hasilnya, kamu bisa simak dalam tutorial di bawah ini.

Catatan: Disini penulis akan memberikan 2 jenis efek animsi teks glitch. Hover dan Default.

Cara Membuat Teks Animasi Glitch di Blogger

1. Log in ke akun Blogger → Tema → Edit HTML.

2. Masukan kode script Style CSS di bawah ini sebelum kode ]]></b:skin> atau </style> 

Jenis Default (Langsung)

Jenis Hover (Di Sentuh)

Note: untuk kode #000 merupakan warna dari teks nya. Kamu bisa ubah sesuai selera agar tampilan nya menjadi kelap-kelip.

3. Masukan kode pemanggil HTML di bawah ini. Untuk penempatannya bisa kamu sesuaikan dengan kebutuhan kamu. Contoh disini penulis akan meletakkan di postingan baru.

Ubah teks Contoh Teks Dengan Animasi” sesuai kebutuhan kamu.

4. Simpan atau Save.

Berikut adalah tampilan Teks Animasi Glitch dengan CSS di Blogger. 

Live Demo Animasi

Sekian artikel mengenai Cara Membuat Teks Animasi Glitch Dengan CSS di Blogger yang penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangn sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Berlangganan tutorial gratis melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top