Totorial tentang membahas cara membuat looding di blog,apa bila ingin membuat tambahan atau ingin membuat variasi blog dengan menambahkan looding di blog,supaya blog menarik untuk di lihat oleh pengunjung.jadi kalau ingin membuat looding di blog bisa membaca totorial ini dan pertama-tama harus memahami tentang cara memasang scrip di blog dengan benar kalau tidak tempat maka tidak bisa tampil. 1.buka blog
2.klik template
3.edit template
4.cari code ini
</body> atau mencari dengan tekan tombol CTR+F
letakan diatasnya.Pada body background disisipkan kode
<div id="page-loader"></div> ditampilkan dengan efek fadein dengan waktu
1000 detik, penundaan
8000detik, diakhiri dengan efek fadeout
1000detik.
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(
1000).delay(
8000).fadeOut(
1000);
});
//]]>
</script>
Setelah kode diatas sudah anda terapkan, kemudian anda cari kode
]]></b:skin> anda letakkan sebelum kode atau tepatnya diatas kode
]]></b:skin>
page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:999999;
background: #000 url("URL IMAGE") no-repeat 50% 50%;
padding:1em 1.2em;
display:none
}
tinggal mengganti backgroun dan ulr image
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirhRbOENd5iqmtPPuteCK8uTRrW5nwJER8Zi5-oOCeP2Z4_fB17Vv_chq4jTh-3zcAf5Rz7cWc7s2R5_VhjQ7SH9mDYVpVeGwMOQVKKbBg3fDg3-heb9iChRlNumLmeD8f1xLi1XqBcjE/s1600/2.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj__c9PsaKBOsl32f8Xr1rfrao4rcDfh1f1OPAiFMaypy3WCrHUJjuIks2csmguP-c8S-hUhCqyXDYyL9O7PLaSljd6cqvzNTcFTQnZc_v9bpryP4jUTIJlz0CFnoEWeOXZ6qnfasX2Ke4/s1600/e.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1AWP4Es7U6it8ZSrWVN7JMtOYEl4AnPzIDgAyFX9BbAvuChZ2a-Dc0z1bfQNKYL1rnJ9iERyb3XT66XtSCMlt7s44Tw1zmFUNn8-G9gP1ulojGHYXSa1PYqm-prO4NcXeZqBhotnBt-8/s1600/1.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjzW0X19su4nSJ6u1H32dBGAhO36rkFr8iLqgZ5EP2AsToGUKIpH7sFGwmFdMzfz9Dwo5yNHj__04WpXR_gN7yRKzh9HwYi9N72gAXTBd3nzDjdBLQSA7dH7Ys0cT5guxg14cnmc-iNs/s1600/3.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7URu4BKp3HLA0NfkOlaYlTsSra_vgu7jpR-1BNZOP-VSG591g0D4UGH5wPMBLca-iMvJNf8GdanRifX_N0VOxI2WwRL-P1v3WbxAi3dYD3avPHsVwsecruFsjrLg0jnVMwdl0iL7OZ9E/s1600/5.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9-gG-HjiyeJtgd4W_E9h7KXit-beGnnLub4nIJUqsUxqmpkrZ38PNcKK68OEDmRLLAFSydQsIIC8Oi_jmFu2qZ7A6n1OPrBJgZFcfUgTVqEZLP5Ewq5An5T3wmKnlsxKto4ieWQMCRMA/s1600/7.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIw6_8kzUEpZ0-t_RGVIcB4KRXYbaFwSldMTjbH1_24Z4FcxOgj55kJtZrJo0fm1v9pWyo4R4vfqf5sg2Z_eYNvBsOX5x40t5OlrZ1zI8kU71eFkqwOzIyl2sPO8FdfNzAMT0KJdTYmyU/s1600/9.gif
Posted in: 
