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

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

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

كتب بواسطة Expert Blogger

بلدي هو الأردن مشرف سابقا على عدة منتديات و مواقع و صفحات تعليمية على الفيسبوك و من عشاق البحت و الاكتشاف أشياء جديدة و حصرية حول شبكت الأنترنيت من أهمها مدونات بلوجر و وود دبرس و الصفحات على الفيسبوك أحب مساعدة المبتدئين لإنجاز طموحاتهم كما أسعى لتحقيقي طموحاتي من خلال هذا الموفع المتواضع أتمنى أن تنال مقالاتي إعجابكم و أن أكون أول من يدعمكم لشق طريقكم نحو التطور و الإحتراف و الإستفادة من خلال عرض مجموعة من المعلومات و المواضيع القيمة .