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

السلام عليكم متابعي مدونة برو ميدة للتقنية في هده التدوينة 

الجديدة ساريكم طريقة اضافة مربع الانتضار لمدونات بلوجر

اولا ندخل الى قالب

تم نضغط تحرير html

بعدها نضغط على 

CTRL+F

ليضهر لنا مربح البحت 

تم نلصق هدا الكود قبل الوسم <head/>

<style>
                            #abt-page-loader {
                              position: fixed!important;
                              top: 0;
                              right: 0;
                              bottom: 0;
                              left: 0;
                              z-index: 9999;
                              background:#fff url('http://www.puzzlexperts.com/images/Preloader_3.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">تحميل ...</div>');
                            $(window).on("beforeunload", function() {
                              // ... Show the Animation `.fadeIn()`
                              $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
                            });
                            //]]>
</script>