mungkin memasang efek loading pada blog gak terlalu penting tapi siapa tau ada yang tertarik dengan cara ini ^^ untuk demo nya silahkan ke blog.kangismet.net ( biar keliatan sempurna sahabat harus memakai browser google chrome )
yuk ini adalah langkah - langkah untuk memasang efek loading pada blog
- pasang jquery pada blog sobat diatas </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
catatan: bila template sobat sudah terpasang jquery maka langkah ini dilewatkan saja
- selanjut nya tambahkan kode CSS berikut diatas ]]></b:skin>
#page-loader { position:fixed !important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiIm2KkIPlHheM_bsEc98xIHZkmnWT4HeN9NYJ29lnUS49-uKyNxXQlvg9YmvHzqy91UbDcxUTG3ymuyqNDJvb5T3iIRl5vg_ZIeMAcvFiezRYYBKXtBU_tWPo_7Py-Smdaf2QxD5vv-w/s200/load6.gif') no-repeat 50% 50%; color:white; padding:1em 1.2em; display:none;}
- langkah terakhir tambahkan javascript berikut diatas </body>
<script type='text/javascript'>//<![CDATA[$(document.body).append('<div id="page-loader">Loading...</div>');$(window).on("beforeunload", function() { $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);});//]]></script>
simpan template dan lihat hasil nya ^^
selamat mencoba catatan: ubah kode berwarna merah untuk mengganti background loading
Title : Memasang Efek Loading Pada Blog
Description : mungkin memasang efek loading pada blog gak terlalu penting tapi siapa tau ada yang tertarik dengan cara ini ^^ untuk demo nya silahkan...