كيفية اضافة شريط تحميل الصفحة لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته 

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

طريقة التركيب :

1- ادخل إلى مدونتك ثم اختر لوحة التحكم .

2- من لوحة التحكم اختر ، قالب ثم تحرير قالب .

3- ابحث عن الوسم :  

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

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

5- احفظ القالب .