cara menampilkan loading blog paling simple

  • 1 min read
  • Jul 07, 2019

asalamualaikum kawan-kawan saat ini saya mau sharing nih bagaimana sih membuat loading blogger paling simple ?

sebelumnya mohon maaf jika untuk design web ini saya jarang update pada kali ini saya mau sharing menampilkan loading blog paling simple nah untuk ini saya menggunakan jquery yah untuk kawan yang mau nyoba silahkan tinggal copy paste saja code berikut inih:

langkah-langkah pembuatan loading blogger

langkah-1: login ke dashboard blogger anda klik menu TEMPLATE>EDIT HTML

langkah-2: tempelkan dan simpan kode jquery berikut ini tepat sebelum tag <head>

<script src=‘http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’ type=‘text/javascript’></script>

kode jquery diatas hanya bisa di tempelkan satu kali saja jika lebih akan terjadi konflik

langkah-3; copy code css berikut sebelum tag </head>

<style>
/* LOADING HALAMAN */
#loadingHalaman {
background:url(https://lh5.googleusercontent.com/-FjPBmaz4eZ0/VHPOQKFFodI/AAAAAAAAGA4/A64qYQ7YaMs/s1600/dark-loading.gif) no-repeat center;
background-color:rgba(0, 0, 0, 0.32);
width:100%;height:100%;
position: fixed; left: 0px; top:0px; z-index: +100000;
}
</style>

langkah-4; pastekan code html ini tepat sebelum tag <body>

<div id=“loadingHalaman”></div>

langkah-5; simpan jquery sebelum tag </body>

Loading...

<script>
//<![CDATA[
//Loading Halaman
$(window).bind(“load”, function() {
$(‘#loadingHalaman’).slideUp(1000);
});
//]]>
</script>

selesai!!

silahkan bisa kawan coba pada blog kawan dan pastikan semuah sudah terpasang dengan benar dan terimakasih sudah berkunjung untuk request tutorial lainya silahkan masuk ke sini 

Related Post :

Leave a Reply

Your email address will not be published.