Hello Everyone,

 So in this blog post, I will tell you how to Add Coding Box In Blogger Post. 

How can you add Preloader on Blogger

 • Open Blogger Dashboard

 • Go to theme section

 • Edit HTML

 • Add Below CSS code in your CSS section of theme

CSS

/* Preloader CSS */ #page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url('http://fc04.deviantart.net/fs70/f/2013/094/8/d/loading_logofinal_by_zegerdon-d60eb1v.gif') no-repeat 50% 50%;padding:1em 1.2em;display:none}

http://fc04.deviantart.net/fs70/f/2013/094/8/d/loading_logofinal_by_zegerdon-d60eb1v.gif  ~ this is the link of preloader that is going to use in. Change it with your preloader link.

• Add below JS just above the  </body> tag

Javascript

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

Thankyou,