Cara Memasang Efek Preloading Sederhana di Blog

Cara Memasang Efek Preloading Sederhana di Blog - Halo sobat TrikS sudah lama tidak menyapa kali ini saya akan share kepada kalian cara memasang efek preloading sederhana di blog, fungsinya untuk memberi jeda agar terlihat lebih dipandang oleh pengunjung selagi blog sobat lagi loading. pada tutorial ini gambar bersifat .gif nah sobat juga bisa mengganti gambarnyasesuai sobat sendiri oke langsung saja ke caranya...

Baca Juga : Cara Mudah Membuat Tampilan Under Maintance di Blog

Cara Memasang Efek Preloading Sederhana di Blog

Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode dibawah ini dan pastekan tepat diatas kode </body>

<style type='text/css'>
#loading{
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url('https://mir-s3-cdn-cf.behance.net/project_modules/disp/04de2e31234507.564a1d23645bf.gif') no-repeat 50% 30%;     
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="loading">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#loading').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

Yang bertanda merah bisa sobat ganti dengan gambar sobat sendiri. Jika sudah klik simpan. Gimana mudah bukan sobat?

Oke sekian yang bisa saya sampaikan tentang Cara Memasang Efek Preloading Sederhana di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.