Postingan Terbaru

Posted by : Unknown




Hello teman teman '-')/ udah lama ga posting + ga ngeblog yeah sekaranglah waktuku untuk ngeblog ._.
oke silahkan di baca dan di pahami

Bagi anda yang susah cara membuat efek animasi loading, disinilah aku akan menerapkan tutorialnya..
oke, langsung saja ke tutorialnya..

1. Taruh kode di bawah ini diatas kode ]]></b:skin> atau </style>

#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9999;
  background:#e7784a;
  text-shadow:none;
  padding-top:20%;
  display:none;
  color:#fff;
  text-align:center;
}
2. kemudian taruh kode di bawah ini diatas kode </body>

<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> 

3. Klik Simpan Template


Demo





Udah Segitu Aja Terima Kasih .______.

13 komentar

Izin Coba Sob.....

Balas

Ijin pasang bro...

Balas

masa masa *eh..
sama sama maksudnya |o|

Balas

wah keren nih efeknya..

Balas

iya, silahkan di coba :D

Balas

keren sih.. tapi ane takut itu membuat blog lama loading :)

Balas

wah ijin coba gan :D

Balas

● No Spam
● No Sara
● Berkomentar Tentang Topik! Jika ingin selian topik, tambahkan kata [OOT]
● Berkomentar Dengan Sopan
● No Sebar link aktif

- Copyright © 2014 Qizu Qy ! - Original Nisekoi BT - Powered by Blogger - Designed by Zuki Yumatana -