إضافة تحميل الموقع المفيدة

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

السلام عليكم إخواني أخواتي الأعزاء مرة أخرى ومع إضافة جديدة وحصرية يسعدني أن أقدمها لكم ، الإضافة عبارة عن أشكال لتحميل الصفحة أو بالأحرى تحميل الموقع بكامله مع طريقة التركيب طبعا، 50% من المواقع والمدونات تستخدمها وهناك أسباب وعوامل لإستخدامها إذا كان الموقع بنفسه ثقيل التحميل لما يشمله من إضافات أو سرعة الأنترنت ضعيفة أو لإضافة رونق جميل للموقع في كلا الحالتين هناك سبب وجيه وهو تحفيز الزائر على أن لا يترك الموقع فهناك تأثيرات عديدة تم إبداعها لترك الزائر يركز عليها بينما تحمل الصفحة وفي نفس الوقت طريفة وهذا مثال يوضح المعنى من هنا جميلة أليست كذلك 😁الأن لديك فكرة عما سأقدمه في الإضافة إلى أنا إضافتنا ليست بالشكل المماثل على أي حال هناك العديد من الأشكال التي أرفقتها لتختار بينهم ولهذا بدون اطالة سنمر لشرح
تدوينات مشابهة :
إضافة تحميل الموقع مع الصفحات
شريط تحميل الموقع بـ 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/AVvXsEibKeQbIrGlFuA9Yx6fTxETZ8nQhxhLVeKW04C2KNqzirgB4JcCq7i05qRC0VXxOr_lHP3ZR_0scDGyi_Sj9CgZeQpW2BEiPttmXr4vZ9klwVlUX9yfj5itQrVifmgHE41U5oFLBfdIaL4l/s1600/loder1.gif) no-repeat;
position: absolute;
left: 47.5%;
z-index: 999999;
right: 0;
top: 47.5%;
bottom: 0;
}

4. قم بحفظ القالب ومبروك عليك الإضافة
* لتغيير الشكل أي الصورة فكل ما عليك فعله هو رفع الصورة المختارة ووضعها بدل الموجودة وهي المحددة بالأحمر

ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 11 تعليقًا:

Unknown8/20/2014
جميل جداً شكراً :)
ردحذف
الردود
Unknown8/20/2014
أخي لم ينجح الدرس في قالبين ولا أظنه ينجح في أي قالب :(

ارجوا ايجاد حل :)
ردحذف
الردود
jevara8/20/2014
أخى حسام أنا صاحب مدونة مدون وتمت سرقتها من يومين
أريد التواصل معك على الفيس بوك :p :p
ردحذف
الردود
هيثم10/11/2014
اخي حسام اريد حذف هذا الاضافه من القالب ان القالب من مدونتك وبه هذه الاضافه وانا اريد حذفها هل يمكنك مساعدتي
http://ps-de.blogspot.com/
ردحذف
الردود
Hesham Raafat1/17/2015
أخي إذا كان النت عندي النت سريع كيف اتأكد إذا كانت فعلا تعمل أم لا
ردحذف
الردود
Houssam Baha1/17/2015
رابط مدونتك؟
ردحذف
الردود
Ahmad4Design11/28/2015
اخي كيف تغير شكل وين رابط مش فاهم
ردحذف
الردود