Cara Membuat Efek Animasi Loading Keren Saat Memuat Halaman - Animasi loading dibuat agar website atau blog terlihat keren dan profesional. Cara kerjanya sangat sederhana yaitu animasi loading akan muncul ketika ada pengunjung yang mebuka blog kamu saat proses memuat halaman dan akan terhenti secara otomatis ketika halaman tersebut sepenuhnya dimuat.
Efek animasi ini sangat sederhana jadi tidak akan membuat blog menjadi berat, tampilannya yang sederhana dapat membuat blog kamu menjadi sangat SEO Friendly.
Baca Juga: Cara Menghapus Credit Link Arlina Theme 2017
Jika kamu ingin menerapkannya di blog kamu agar terlihat profesional silahkan ikuti langkah-langkahnya dibawah ini.
Cara Membuat Efek Animasi Loading Keren Saat Memuat Halaman
1. Buka Blogger. Pilih Tema > Edit HTML, tambahkan CSS dibawah ini tepat diatas kode ]]></b:skin> atau </style>
2. Lalu tambahkan kode berikut ini tepat dibawah kode <body>
3. Selanjutnya, tambahkan Javascript dibawah ini tepat diatas kode </body>
4. Terakhir, klik Simpan Tema dan lihat hasilnya.
Jika animasi loading tidak muncul coba perhatikan penempatan kode atau ada kode yang tertinggal.
Efek animasi ini sangat sederhana jadi tidak akan membuat blog menjadi berat, tampilannya yang sederhana dapat membuat blog kamu menjadi sangat SEO Friendly.
Baca Juga: Cara Menghapus Credit Link Arlina Theme 2017
Jika kamu ingin menerapkannya di blog kamu agar terlihat profesional silahkan ikuti langkah-langkahnya dibawah ini.
Cara Membuat Efek Animasi Loading Keren Saat Memuat Halaman
1. Buka Blogger. Pilih Tema > Edit HTML, tambahkan CSS dibawah ini tepat diatas kode ]]></b:skin> atau </style>
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCjBgAW_NmUu1QKRJKOL11bJ3mrNGtm5mUkYN9GT9cjI6PsJ9JiWXxK0RUPIoTf898TMxOI9cFVWgemTjueYELFUO5OwYDVHGu07RJhtmwqeMj_xfpBWnH10ZfuUyO3fw8hW3I4W0sbNI/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;} 2. Lalu tambahkan kode berikut ini tepat dibawah kode <body>
<div id='cssload'/> 3. Selanjutnya, tambahkan Javascript dibawah ini tepat diatas kode </body>
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script> 4. Terakhir, klik Simpan Tema dan lihat hasilnya.
Jika animasi loading tidak muncul coba perhatikan penempatan kode atau ada kode yang tertinggal.
