نرحب بكل زائر ومشاهد لهذه التدوينة والتي فيها سأشرككم مرة أخرى إضافة خاصة بتحميل الموقع او المدونة, سبق وقدمت مثل هذه الإضافة في هذه التدوينة ، لكن كانت عبارة عن تأثير وليس لها فائدة كبيرة وبغض النظر عما كتبته عنها فهذه الإضافة ستكون بديل عن السابقة ماذا يميزها ؟ من مميزاتها وفوائدها هي تقوم بتحميل كافة عناصر المدونة من مواضيع وإضافات وغيرها وعند إكتمال التحميل ستظهر الصفحة أو المدونة بشكل كامل وذلك أيضا حسب سرعة الإتصال وأجد أنها مفيدة وسابقا كانت تستعملها يوتوب عبارة عن مستطيل بالأعلى
1. من داخل القالب ابحث باستعمال CTRL+F عن <head/> ثم ضع فوقه الكود التالي
<script type="text/javascript">
(function($){$("html").removeClass("wwy");
$("#header").ready(function(){ $("#progress-bar").stop()
.animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#progress-bar").stop()
.animate({ width: "75%" },1500) });
$(window).load(function(){ $("#progress-bar").stop()
.animate({ width: "100%" },600,function(){ $("#loading")
.fadeOut("fast",function(){ $(this)
.remove(); }); });});})(jQuery);
</script>
<div id="loading">
<div id="progress-bar">
</div>
</div>
/* CSS Loader Pg Ar1web.com */
#loading {
position: fixed;
z-index: 50;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #3884fd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0fQkPhJjDrWsz4tYH1cSIRII5oFR6FUfmUcALX0rnDWK78juxTaZssZfNIdMte7hCcVrcuhvicoH1xXIN7_5MC-mIQNYZcoYRo9ED_RGxMj8eRP-HXDjbbk2WqCJJk3g0FO9F3Ogwnw/s1600/lo.gif) no-repeat center;
line-h eight: 350px;
text-align: center;
font-size: 36px;
color: #353231;
text-indent: -9999px;
}
.wwy #loading {
display: none;
}
#progress-bar {
position: absolute;
top: 0;
left: 0;
background: #eee;
opacity: 0.8;
width: 0;
height: 18px;
}
* المحدد باللون الأصفر خاص بلون الخلفية
* المحدد باللون البرتقالي خاص بالصورة