اضافه تحميل صفحات الموقع بشكل تلقائي احترافي في بلوجر

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

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

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>

2. ابحث عن <body> وضع الكود التالي أسفله

<div id="loading">
<div id="progress-bar">
</div>
</div>

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

/* CSS Loader Pg 6ef.co */
#loading {
position: fixed;
z-index: 50;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #3884fd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgMgBg5T3AP-xpTtZOXS8iAU2WN1Li1pTZrGlo_4PkTodezDgzRVIWCWdKIx4H_7lJqrAcaIjlyxuOov34-_7ndcFLewQL2Zv520_Yw226bs-hFF8-qljKS3NmrcgSo0FtP20qUDUvWyw/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;
}