Membuat Efek Animasi pada Page Loading keren

Monday, July 7, 2014

Membuat Efek Animasi pada Page Loading keren - pada kempatan kali saya akan membagikan artikel yang berkaitan tentang Tutorial Blog yakni Animasi saat Loading Blog. Nah, semua blogger pasti blognya terlihat keren awesome :3. Efek ini terjadi saat pengunjung memasuki blog kita atau pengunjung pindah halaman blog.

Cara buat Efek Animas Loading Page Keren

1. Masuk ke blogger sobat

2. Pilih Template >> Edit HTML

3. Cari kode ]]</b:skin>

4. Letakkan kode dibawah ini diatas ]]>/b:skin>

/* Loading Page */
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsBg55iy9Y4TVuWwDfrDD2_z6PpF5gQ9VGv21328CDb1vEu4iW_qaQP1Xj4yVz6nFXWHs0XGS10wsXZbQ52ymywNGxtJ9NNfRLWm0DlYlnD_99fa9ZuXTyxw3ZjgHE9IviL-ziOZdWrt-w/s128-no/loading.GIF&#39;) no-repeat 50% 50%;padding:1em 1.2em;display:none}

5. kemudian Cari kode </body>
6. letakkan kode dibawah ini diatas </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>

7. jangan lupa disimpan :D

Jika ingin ganti animasi loading page silahkan baca juga : kumpulan Animasi Loading Blog keren