CARA MEMASANG EFEK LOADING PADA BLOG

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/AVvXsEhU6MuEq9gXS3lRTIvFASfSucGPz8t_gY3BkPZhSB8BeeocAlYYpp5tkohk0qY8qy-iyQgrxtqhYnho4oBtilcOzyJU9BWwg0_bRNR7WCYK2FI1pfv3sG3vta4KrxA_XniIr91Ri0zcSbw/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