Cara Membuat Efek Animasi Loading Keren Di Blog Terbaru

Efek animasi loading saat halaman dibuka / dimuat pada blog, wordpress atau website dapat membuat tampilan situs web tersebut menjadi keren dan menarik. Selain itu memasang atau menambahkan efek status loading di blogger ini juga ringan tidak terlalu berat sebab tidak menggunakan banyak kode html, hanya memakai beberapa kode css dan javascript. Untuk cara kerja dari animasi loading page ini sangat sederhana yaitu akan muncul dan bergerak saat memuat halaman ketika membuka blog dan akan berhenti / menghilang secara otomatis dan perlahan ketika blogspot kita sudah termuat secara penuh.

Kali ini saya akan share gimana Cara Membuat Efek Animasi Loading Keren Di Blog Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat sobat yang ingin memasang animasi loading page pada blog yang bergerak saat halaman dimuat.

Cara Menambahkan Efek Loading Di Blog :

1. Bikin animasi loading seperti diatas yaitu dengan cara masuk ke menu Template dan klik Edit HTML

2. Kemudian cari kode ]]</b:skin> atau </style> gunakan Ctrl+F untuk memudahkan pencarian

3. Setelah itu masukkan script berikut tepat diatas kode ]]</b:skin> atau </style> :

#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dRVNoYYl7IrOzJjaDn4kety6O99etb0srAijCpwX4hbMk0lZlvVL95h1l65R-4_9Xhpc4q93eide6bxVuQmZXSjLA1ERPu6TFJPns_CotmXN-jNbATxtcfU9XN4L4aFwRBMjc0gbdNU/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}