How to add preloader animation in Blogger / Blogspot ? - MYTECH AKSINGH

An attractive look of website is really impressive for our visitors - right ? and we also want to make our website better than others. For this we implements attractive navigation , animation style , smooth scrolling, and responsiveness. 

    Today we are introducing about animated preloader effect in blogger at loading time. After applying this effect when user will click on any link inside our website, an animated loading effect will be shown untill our link gets loaded.  It's really an impressive way to impress our visitors and attract them to visit more time .

How to add preloader effect in blogger / blogspot ?

There are a lot ways to add preloader in blogger but in this blog i shall introduce you about easiest method to apply this effect.

Step 1 :  

1.  Log in to your blogger account
2.  Go to Design --> Edit HTML
3.  Search for  </head>
4.  Copy the code below, and paste above </head>

 #page-loader {
    position:fixed !important;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:9999999;
    background:#FFFFFF url('replace it with your original url') no-repeat 50% 50%;

    padding:1em 1.2em;
    display:none;

Note :-  

• replace background with original url.
• For any changes make a change in the css given above