Kamis, 09 Oktober 2014

Loading ala Kang Ismet

Baca Juga :

infoalya.com 

klik disini untuk login di akun blogspot anda 
klik template 
klik edit html 
copy paste kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin> atau kode </style> (pilih salah satu saja) biasanya diatas ]]></b:skin> tetapi ada beberapa template dapat berjalan dengan baik jika diletakkan diatas kode </style>

#page-loader {
    position:fixed !important;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999;
    background: #303030 url("http://3.bp.blogspot.com/-sW166HTPK4U/UY2kVNdjsFI/AAAAAAAAEHk/fIO-B-mOeCE/s200/load6.gif") no-repeat 50% 50%;
    padding:1em 1.2em;
    display:none
    }
Masukkan kode dibawah ini diatas kode </head> (lewati langkah ini jika sudah terinstal Jquery)
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Masukkan kode dibawah ini diatas kode </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>
Simpan template jika selesai
Previous Post
Next Post

post written by:

  • 0 Comment
  • Comment

Leave your comment

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda