Membuat Loading blog seperti blog kang ismet

Membuat Loading Blog seperti Blog Kang Ismet -
selamat datang di Blog-Mas Tedy.. nah pada kesempatan kali ini saya akan membahas tentang Efek Loading yang sangat keren seperti kang Ismet..
Nah semua pada tau kan dengan Blog yang keren tersebut..?? dan pastinya ada yang tertarik dengan efek loading seperti kang ismet.. santai saja sob.. kali ini saya akan membahasnya..
silahkan di simak yah tutorialnya :D

1. Masuklah Ke Akun Blog Kalian
2. Masuk Ke Menu Dasbor Template >> Edit HTML
3. Masukkan Kode dibawah ini tepat diatas ]]></b:skin> atau </style>

#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/AVvXsEgO04tjzevxvJwLKpUUV2bKZxryobo-S4f2ItSZ81EQk2gHTdNXo8JX0_5ExgndXlSYypodi2GtZXLd_ai1DGbJvBk4YS45-YF9QsWz_nxvWMtCzSLnKdhkIY-9LFwBnPfZqSuxboav6xs/s200/load6.gif") no-repeat 50% 50%;
    padding:1em 1.2em;
    display:none
    }

4. Masukkan Kode di bawah ini tepat diatas </head>

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

Note : Lewati Langkah di atas jika Blog kalian sudah terpasang Jquery

5. Masukkan Kode dibawah Ini tepat diatas </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. Klik Simpan.

Nah bagaimana..??
Keren Bukan Efek Loading Blog kalian sekarang.. jika ada kesulitan silahkan anda berkomentar dibawah..
sekian postingan dari saya mengenai membuat Loading blog seperti blog seperti kang ismet.
selamat mencoba :D