Cara Memasang Efek Animasi Loading di Blogger

Tutorial Blogger Img src: 

Membuat efek loading animasi di blog ialah apabila blog anda perpindahan page 1 dan page yang lainnya dimana dalam loading perpindahan page itu akan memunculkan suatu efek animasi loading yang saya akan berikan tutorialnya kali ini dan akan otomatis akan berhenti apabila loading selesai memuat.

Kenapa blog anda harus memakai efek loading animasi? yaitu untuk memperkeren blog anda tidak lain dari tujual dari publisher blogger yaitu agar pengunjung blog betah dari blog kita.

Cara Memasang Efek Animasi Loading di Blogger

1. Login ke akun blogger.com sobat.
2. Pergi ke Template -> Edit HTML
3. Cari kode ]]></b:skin> gunakan CTRL+F agar mempercepat pencarian.
4. Copy & Paste kode dibawah tepat diatas kode ]]></b:skin> tadi.

/* Halaman Loading */
#efek-loading{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdrVFhrBIsNjS3uSNTK-VX4lnkbbDBoUhxnhmZ0MZ31GmcLnyIzSnxbcmOIZuig1FCTExLs2S6L1yAoL1NWqh-TlQ_ahQgnBkcoy1EjSf2dczYJQrPj29zcPwo4AZrTZLCvUlen36l3iq/s1600/Loading1-ctcoke.GIF') no-repe
at 50% 50%;padding:1em 1.2em;display:none}

Anda bisa mengganti link gambar https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdrVFhrBIsNjS3uSNTK-VX4lnkbbDBoUhxnhmZ0MZ31GmcLnyIzSnxbcmOIZuig1FCTExLs2S6L1yAoL1NWqh-TlQ_ahQgnBkcoy1EjSf2dczYJQrPj29zcPwo4AZrTZLCvUlen36l3iq/s1600/Loading1-ctcoke.GIF dengan link gambar yang lainnya.

5. Cari lagi kode </body>.
6. Copy code dibawah dan paste ke diatas kode <./body> tadi.

<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#efek-loading').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>

7. Simpan template dan lihat hasilnya.
8. Selesai.

Bonus!!! Beberapa gambar yang bisa anda gunakan.

Copy link ini

Copy link ini

Copy link ini

Copy link ini

Anda juga bisa mencari di google search dengan kata kunci "gambar loading .gif" atau cari di google images dengan kata kunci tadi.

Demikian terima kasih sudah berkunjung semoga bermanfaat.