إضافة خاصية تحميل المدونة بشكل أحترافي

إضافة خاصية تحميل المدونة بشكل أحترافي - اضافة رائعة و جميلة تتمثل في جعل الزوار ينتظرون حتي تحميل المدونة بشكل كامل وبهذا يسهل تصفح المدونة

معاينة

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

ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه

/* Loader */
#loader {
position : fixed;
display : block;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9999;
background-color: #ffffff;
}
#loader-inside {
position : absolute;
top: 50%;
right: 50%;
width :  500px;
margin:-46px -250px 0 0;
text-align: center;
}
#loader-inside i {
margin:0 0 0 5px;
font-size: 48px;
color: #FF5151;
}
#loader-inside span {
display : block;
margin-top: 20px;
font: normal bold 18px 'Ropa Sans', Trebuchet, Verdana, sans-serif;
line-height: 1.6;
color: #333333;
}
.transeff {
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

الخطوة الأخيرة ابحث عن الوسم </body> و اضف الكود التالي فوقه

 <script class='java' type='text/javascript'>
    //<![CDATA[
    $(window).load(function() {
      $('#loader').fadeOut('slow');
      $('.java').remove();
    });
    //]]>
  </script>
   <span id='loader'>
      <span id='loader-inside'>
        <i class='fa fa-circle-o-notch fa-spin'/>
        <span><data:blog.pageTitle/></span>
      </span>
    </span><!-- loader Ends! -->

في أمان الله