Cara Membuat Efek Loading Ala KangIsmet

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Halo Sobat Blogger Kali Ini saya akan share Cara Membuat Efek Loading Ala KangIsmet. Pastinya sobat udah pernah mengunjungi Blog Kang Ismet kan? Nah disitukan ada efek loadingnya jadi saya akan mencoba mengajari kalian semua untuk mencoba membuat efek loading seperti Kang Ismet. Sobat harus backup dulu blog sobat agar terhindar dari kesalahan. Langsung aja ke TKP.

CARA MEMASANG EFEK LOADING

1. Log In ke blog sobat Klik disini

2. Masuk ke tab Edit HTML
3. Cari kode ]]>< Setelah ketemu pastekan kode dibawah ini letakan tepat diatas kode ]]><

 #page-loader {    position:fixed !important;    position:absolute;    top:0;    right:0;    bottom:0;    left:0;    z-index:999999;    background: #303030 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqEX7zhtFzBP1yRripLc7UY3MIrwyS_rOguMPvaYA5RMFLdQFkgClIgaL7OfB2f3_D-vKQrDstGNpLkN0Tay9NtyQLpuen3Vu-LeiMUKTWGYPXNeyoCeFygKec6qNlv_Q313933K_r52A/s200/load6.gif") no-repeat 50% 50%;    padding:1em 1.2em;    display:none    }

4. Cari kode </head> kemudian letakan kode dibawah ini tepat diatas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>  

5. Cari kode </body> kemudian letakan kode dibawah ini tepat diatas kode </body>

<script type='text/javascript'>    //<![CDATA[    // Menyisipkan markup tabir animasi    $(document.body).append('<div id="page-loader"></div>');    // Saat halaman aktif terpicu untuk berpindah/keluar menuju halaman lain...    $(window).on("beforeunload", function() {        // ... tampilkan tabir animasi dengan efek `.fadeIn()`        $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);    });    //]]>    </script>

6. Simpan Template

Note : Jika tidak Mengerti Silahkan Berkomentar ADMIN akan Balas Komentar Anda