• silahkan login terlebih dahulu
  • kemudian masuk ke dashboard – setelah itu klik bagian menu template

  • kemudian klik edit html ( cat: untuk mengantisipasi kegagalan -silahkan download dulu template sobat dengan mengklik cadangkan/pulihkan – kemudian klik unggah )

  • setelah itu sobat cari kode </head> : ( untuk mencari kodenya gunakan kombinasi ctrl + F )
  • kemudian letakan copy kode dibawah ini dan letakan diatas kode </head>

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

kemudian tambahka lagi kode dibawah ini dan letakan diatasa kode ]]></b:skin>

#page-loader { position:fixed !important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; background:#000 url(‘http://3.bp.blogspot.com/-sW166HTPK4U/UY2kVNdjsFI/AAAAAAAAEHk/fIO-B-mOeCE/s200/load6.gif‘) no-repeat 50% 50%; color:white; padding:1em 1.2em; display:none; }

catatan : ganti url yang berwarna ungun dengan url animasi sobat dengan format .gif

berikut animasi gif yang patut dicoba :

http://4.bp.blogspot.com/-TPG2f3oEJWc/UQaijnks84I/AAAAAAAAFOA/KwXSCwh7Cxs/s1600/loading1.gif

http://4.bp.blogspot.com/-FASuc5X70e8/UQaijioU_8I/AAAAAAAAFOE/UM9HTErEowA/s1600/loading2.gif

http://2.bp.blogspot.com/-2LpTZKLCHZU/UQaikSj-wuI/AAAAAAAAFOY/vXpl8uZ7mGc/s1600/loading3.gif

http://1.bp.blogspot.com/-udgAVO3FySQ/UQailMH35aI/AAAAAAAAFOo/JD6vDePg9OU/s1600/loading6.gif

  • selelah itu tambahkan kode dibawah ini dan letakan kodenya diatas kode </body>


<script type=’text/javascript’>
    //<![CDATA[
    $(document.body).append(‘<div id=”page-loader”></div>’);
    $(window).on(“beforeunload”, function() {
        $(‘#page-loader’).fadeIn(1000).delay(6000).fadeOut(1000);
    });
    //]]>
    </script>

  • kemudian jangan lupa untuk klik simpan 

mungkin sekian postingan dari blogcips . oh ya dan juga terima kasih telah mengunjungi blog ini