Tutorial Blogger

Cara Membuat Efek Animasi Gelombang / Wave di Blogger

Jika kamu merupakan salah seorang yang suka mempercantik tampilan blog, mungkin kamu perlu memasang efek animasi gelombang / wave ini. Efek animasi ini bisa dibilang sebagai background untuk web. Dan umumnya di pasang di bagian Header atau pun Footer.

Disamping itu, biasanya efek animasi ini sering kali digunakan pada website landing page atau penyedia template dan theme.

Nah, di kesempatan kali ini penulis akan memberikan tutorial singkat Cara Membuat Efek Animasi Gelombang / Wave dengan CSS di Blogger.

Efek animasi yang kita buat ini hanya menggunakan script CSS saja, jadi tidak akan membebani loading web sama sekali. Jika kamu tertarik untuk membuatnya, kamu bisa simak dalam tutorial berikut ini.

Cara Membuat Efek Animasi Gelombang / Wave di Blogger

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

2. Copy dan Pastekan kode Style CSS di bawah ini tepat sebelum kode ]]></b:skin> atau </style>

3. Masukan markup kode pemanggil di bawah ini. Untuk penempatannya, bisa kamu sesuaikan keinginan kamu.

Sebagai contoh, disini penulis memasangnya di atas footer.

Catatan! Jika kamu ingin memasang nya di bagian Header, silahkan hapus kode script Style CSS di bawah ini.

4. Simpan Tema.

Berikut adalah tampilan Efek Animasi Gelombang / Wave yang telah terpasang di Blogger.

Sekian tutorial Cara Membuat Efek Animasi Gelombang / Wave dengan CSS di Blogger yang telah penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan 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.

Ikuti Kami di Sosmed!

        

Berlangganan Tutorial Gratis Melalui Email!

Copyright © 2020 Inwepo - All Rights Reserved.

To Top