Cara Membuat Efek Loading Page Sederhana diblogger

Posted by IRVAN JAYA on 6:26:00 AM

Hai sobat !!
Selamat datang diblog Easy Get Media - Cara Membuat Efek Loading Page Sederhana diblogger .
 Pernah melihat gambar seperti disamping ini diblog lain ? anda juga ingin memasang loading page seperti itu ?, Caranya gampang sob !!
 Diblog ini juga menyediakan Kumpulan Animasi Untuk Loading Page jika sobat tidak suka dengan tampilan loading seperti gambar disamping ini !!

KUMPULAN ANIMASI LOADING PAGE <=

Tuh diatas ada link kumpulan animasi loading page jika anda tidak suka dengan tampilan loading page seperti gambar diatas cara merubah animasi-nya gampang sob !! anda tinggal ubah kode URL pada Css yang saya bagikan dibawah !!

MARI PRAKTEK MENGINSTAL-NYA :
1. Login ke-blogger
2. Masuk ke-menu Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode dibawah, Lalu paste diatas kode ]]></b:skin>
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url(&#39;https://lh4.googleusercontent.com/-lvlkiOAd4UA/U6qOQ4uFtUI/AAAAAAAAD58/wqTdiNc3M0g/s128-no/loading.GIF&#39;) no-repeat 50% 50%;padding:1em 1.2em;display:none}
 * Jika anda tidak menyukai gambar animasi diatas anda bisa cek gambar lain di KUMPULAN ANIMASI LOADING PAGE - Easy Get Media  <== Dan ubah URL gambar diatas (yang warna merah) dengan URL gambar animasi yang anda sukai..
5. Cari kode </body>
6. Copy kode dibawah ini dan paste diatas 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>
7. Silahkan save template anda dan lihat hasil-nya :)

 Semoga Berhasil , dan Terima Kasih telah membaca konten diblog Easy Get Media !! Selamat mencoba :)


Nama Anda
New Johny WussUpdated: 6:26:00 AM

0 comments:

Post a Comment

29-04-2016 | Komentar Bebas |

Powered by Blogger.
CB