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

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

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/AVvXsEgH7GfRRjjMDMPIzeJGHAulZmd-BG7grtV2jqWYY4l8VqZRguLyM7J5d0WorYalCYjv7mCHr_8S4PweoXVCn3kpLy97v_TYg9LnbEtrcsK5QFzvTln2leG0_V3M3CPQS1nmcyZjOIkXH6E/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:- الرجاء من الأخوة الكرام : زوار المدونة عدم النسخ دون ذكر المصدر