السلام عليكم إخواني أخواتي الأعزاء مرة أخرى ومع إضافة جديدة وحصرية يسعدني أن أقدمها لكم ، الإضافة عبارة عن أشكال لتحميل الصفحة أو بالأحرى تحميل الموقع بكامله مع طريقة التركيب طبعا، 50% من المواقع والمدونات تستخدمها وهناك أسباب وعوامل لإستخدامها إذا كان الموقع بنفسه ثقيل التحميل لما يشمله من إضافات أو سرعة الأنترنت ضعيفة أو لإضافة رونق جميل للموقع في كلا الحالتين هناك سبب وجيه وهو تحفيز الزائر على أن لا يترك الموقع فهناك تأثيرات عديدة تم إبداعها لترك الزائر يركز عليها بينما تحمل الصفحة وفي نفس الوقت طريفة وهذا مثال يوضح المعنى من هنا جميلة أليست كذلك 😁الأن لديك فكرة عما سأقدمه في الإضافة إلى أنا إضافتنا ليست بالشكل المماثل على أي حال هناك العديد من الأشكال التي أرفقتها لتختار بينهم ولهذا بدون اطالة سنمر لشرح
تدوينات مشابهة :
إضافة تحميل الموقع مع الصفحات
شريط تحميل الموقع بـ 13 شكل مختلف
شرح طريقة التركيب
1.ابحث عن <body> وضع الكود التالي اسفله
2.ابحث عن </body> وضع الكود التالي فوقه
* لتغيير الشكل أي الصورة فكل ما عليك فعله هو رفع الصورة المختارة ووضعها بدل الموجودة وهي المحددة بالأحمر
إضافة تحميل الموقع مع الصفحات
شريط تحميل الموقع بـ 13 شكل مختلف
1.ابحث عن <body> وضع الكود التالي اسفله
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='siteload'><div class='preloader'></div></div>
</b:if>
* إذا أردت أن يظهر التحميل على جميع صفحات الموقع احذف الكود المحدد بالبرتقالي2.ابحث عن </body> وضع الكود التالي فوقه
<script type='text/javascript'>
//<![CDATA[
jQuery(window).load(function() {
// will first fade out the loading animation
$(".siteload").delay(1000).fadeOut('slow');
})
//]]>
</script>
3.ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>.siteload{ background: rgba(255,255,255,0.95);
width: 100%;
height: 100%;
position: fixed;
z-index: 9999;}
body#layout .siteload{z-index:0;}
.preloader{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoTrkdz95JmZxntLFybrTFzuuR2RnkKeaaTn8-lTHjDVzddsoddZ_48Kwty5cu_Bi0d8s94EYR5T6YvWt2t2vnvDYLcF1s3_hQSjk8TVlu5UAscITqi_LBa3wCwY_MwhO1Pywf0YvC8Q8L/s1600/loder1.gif) no-repeat;
position: absolute;
left: 47.5%;
z-index: 999999;
right: 0;
top: 47.5%;
bottom: 0;
}
4. قم بحفظ القالب ومبروك عليك الإضافة * لتغيير الشكل أي الصورة فكل ما عليك فعله هو رفع الصورة المختارة ووضعها بدل الموجودة وهي المحددة بالأحمر
