Cara Membuat Loading Di blog

Posted by : Unknown Saturday, 16 November 2013

hay sob kembali lagi bersama saya di salin tempel.
okey pada kesempatan kali ini saya akan sedikit berbagi tentang okeyCara membuat icon Loading di blog langsung aja sob ke TkP

1 masuk ke akun blog sobat

2 masuk ke menu template -> edit Html
3 cari kode ]]></b:skin> untuk mempermudah dalam pencarian
silahkan ketik tombol ctrl+f
lalu letakan Code yang Pertama di atas kode yang anda cari tadi
4 kemudian cari kode </body>
untuk mempermudah dalam pencarian silahkan ketik tombol ctrl+f
lalu letakan Code yang Kedua di atas kode yang anda cari tadi
5 silahkan preview terlebih dahulu jika tak ada pesan eror
maka silahkan di save

6 dan simsalabim jadi apa prok-prok-prok ....:)

Code Pertama

#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9999;
  background-color:black;
  color:white;
  padding:1em 1.2em;
  display:none;
}

Kode Kedua

<script>
//<![CDATA[
// Menyisipkan markup tabir animasi
$(document.body).append('<div id="page-loader">Loading...</div>');
// Saat halaman 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>