إضافة تأثير تحميل الصفحة لمدونة بلوجر - مدونة الخبراء للبرامج

إضافة تأثير  تحميل الصفحة لمدونة بلوجر - مدونة الخبراء للبرامج

طريقة تركيب الإضافة 

1- ادخل إلى مدونتك / اختر تحرير قالب 

2- إبحث عن الوسم </body>

3- ضع الكود التالي فوقه 

الكود

<style>

#ptt-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/AVvXsEjih-8MVQmTB8_xKObrAPkPHmW0v0lL1OeJZG7N4QO8YGdqtfAd1iKZ-kDspL8Tmq0bAHI_Oikj9zASRUg5CSQAzvs8kg2BXUMHcuNacpqBobN2Bb0Mj7QLJRkf9ix06EcUe48EUG_9qUA/h92/pctoolstips.blogspot.in.png') 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="ptt-page-loader">Loading...</div>');

$(window).on("beforeunload", function() {

    // ... Show the Animation `.fadeIn()`

    $('#ptt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);

});

//]]>

</script>

4- احفظ القالب 

Note:- الرجاء من الأخوة الكرام : زوار المدونة عدم النسخ دون ذكر المصدر