Official Page Loading effect For Blogger

Official Page Loading effect For Blogger | Blogger ustaad

You Know that every new blogger want to make a great Blog and style of Blog. This page loading effect is official and attractive. you can force your visitors to come again with this widget.
This is very beautiful jquery page loaing effect for Blogger.
This is a Good and best Page loading effect by Blogger ustaad.
You can add this widget easily in your Blog.


Follow these steps to adding :

• Go To Template
• Edit 
• ctrl+F and Find </body>
• paste the code below above of </body>

<style>
#bs-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/AVvXsEg0YR9R-PeapL3zYyS1MKcyvDc4xDLuAhoG0_VTni3Nktz3I2gCwsrtLSMwS6jfp9gdUUKhaq8z9xVTYYXBbvDeadRDofeXL8tOCoIUIL8OPEmEoutMQfXn5ou8dOZ0RufNSLtSNkcvdGQ/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>

Now save the Template and check.
if not work change abl with bs.

Share :

Tweet

✚

Related Post