Cara Membuat Efek Animasi Loading Keren Di Blog Terbaru

Efek animasi loading ketika sebuah halaman dibuka/dimuat di blog, wordpress atau website dapat membuat sebuah situs menjadi menarik dan atraktif. Selain itu, memasang atau menambahkan efek status loading di blog juga ringan, tidak terlalu berat karena tidak banyak menggunakan kode html, hanya menggunakan kode css dan javascript. Pengoperasian animasi loading halaman ini sangat sederhana, yaitu akan muncul dan bergerak ketika halaman dimuat ketika blog dibuka dan secara otomatis dan perlahan akan berhenti/hilang ketika blogspot kita sudah terisi penuh.

Kali ini saya akan membagikan cara membuat efek animasi loading di blog terbaru , ikuti tutorial step by step berikut dengan gambar untuk sobat yang ingin menyisipkan animasi loading halaman di blog yang bergerak saat halaman dipindahkan. sarat.

Cara menambahkan efek loading pada blog.

1. Buat animasi loading seperti di atas dengan masuk ke menu Template dan klik Edit HTML.

2. Kemudian temukan kodenya]] Di mana gunakan Ctrl + F untuk pencarian mudah

3. Kemudian masukkan script berikut tepat di atas kode]] Di mana :

#cssload { background: url (http://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAAADcE/wwKnP62ARpc/s1600/loading.gif) center tanpa pengulangan; warna latar belakang: rgba(0,0,0,,0,36); lebar: 100%, tinggi: 100%, posisi: tetap, kiri: 0, atas: 0, indeks-z: 1000 ;}

4. Kemudian cari kode lagi juga gunakan Ctrl + F untuk menjadi cepat

5. Selanjutnya, masukkan script berikut tepat di bawah kode:

6. Kemudian cari kodenya biasanya di bagian bawah html blog

7. Kemudian masukkan script jquery berikut tepat di atas kode:

Jika sudah, Anda bisa klik Save Template. Selesai dan lihat hasilnya

8. Berikut adalah demo blog yang berhasil diterbitkan dengan efek animasi pemuatan halaman:

Nah berikut ini cara membuat efek animasi loading blog dengan cepat dan mudah.

Cobalah