Cara Membuat Efek Animasi Loading Versi2

Cara Membuat Efek Animasi Loading Versi2. Sobat Histutor, setelah sebelumnya saya pernah membuat postingan tentang efek loading dengan latar belakang atau background Digital Clock, maka kali ini saya akan membuat tutorial yang sama tetapi ahanya menampilkan images loading tanpa ada Digital clocknya, seperti yang sobat ketahui bahwa efek animasi loading akan terlihat begitu indah dan keren ketika sobat atau pengunjung blog sedang berada pada blog sobat lalu ingin berpindah halaman maka efek animasi loading page ini akan terlihat. Baiklah langsung saja bagi sobat yang ingin membuat atau menambahkan efek animasi loading page versi2 ini di blog sobat silahkan baca tutorialnya sebagai berikut :

Cara Membuat Efek Animasi Loading Versi2

1. Login ke akun blogger anda

2. Click On Template » Edit HTML

3. Gunakan Ctrl+F  untuk menemukan kode ]]></b:skin> atau </style>

4. Setelah ketemu letakan kode CSS script diatas kode ]]></b:skin> atau </style>
 

/* Loading Page */
#page-loader{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/AVvXsEg7nDrcsq9j0ARfNll1a2-PbC_QteVABECAKbArElVLnLiOhv7f8va0pEGqIrOIWUDPXA9ZirO-bjKixKN4KGJDPqNmw87hZVWuY8fQaXu_6Qj7KdskUItoDwhMTFJ_Do1HLDsKhGYcs4UP/s128-no/loading.GIF') no-repeat 50% 50%;padding:1em 1.2em;display:none}

5. Tambahkan HTML/Javascript dibawah tepat sebelum kode  </body>

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

Click save and see the results, good luck

Copy Link and Paste kan pada bar di browser anda / Atau anda bisa lihat Contoh disidebar Blog ini ! Demolution LINK : http://histutor.blogspot.com/

Silahkan tinggalkan komentar jika anda menemui kedala dalam pemasangan efek loading ini, mari kita bahas bersama! 

Demikian sedikit penjelasan tentang Cara Membuat Efek Animasi Loading Versi2, jika ada kesalahan dalam penulisan saya mohon maaf dan semoga bermanfaat. Saya akan sangat senang dan berterimakasih jika sobat berkenan untuk berkomentar di blog ini.