Add Awesome Animated Page Loading Effect To Blogger ~ Khatris Creation

hello and today we will discuss about adding Awesome Animated Page Loading Effect To Blogger
It's true that every blogger wants their blog to be different from others. And what makes your blog different...Awesome Animated Page Loading Effect To Blogger ...

demo ..

now adding the Awesome Animated Page Loading Effect To Blogger ..

First Adding the HTML and Script....

Add the below given code just above </body>.

<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo_WiJ3yoSM6dKoW3HkeSQQBwZcpOHHbyfbGL3ZDDRa10mNyrM4vcDs_deTTLwGwBYudnve_JfCqVn_rjAkxdtjwZ28yBJd11FGaLDMOm_UrQtrIRRS1ZTa6ZJZiPvKXo1_v5t-miwrKI/s200/load6.gif') no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

After adding this code, save the template.

You are done now. Now you and your visitors can see this awesome and cool Animated Page Loading Effect in you blogger blog. .....

if you have any problem contact me by email sudershankhattri26@gmail.com or post the comment ..

thank you ..

About sudarshan khatri

Welcome To khatriscreation And Let Me First Introduce Myself. I’m Sudarshan khatri From Nepal And I Manage khatriscreation. I’m Not A Professional Blogger By Education I’m Self Trained Guy And I Am 13 Years Old. Well Talking About Me I’m A Normal Guy Who Lives The Life Fullest, Loves Searching New Things On Internet.I love to share my expenience and education to the peoples so i have managed this blog .khatriscreation is totally about blogging,seo,widgets and blogging tips.