20‏/08‏/2014

السلام عليكم إخواني أخواتي الأعزاء مرة أخرى ومع إضافة جديدة وحصرية يسعدني أن أقدمها لكم ، الإضافة عبارة عن أشكال لتحميل الصفحة أو بالأحرى تحميل الموقع بكامله مع طريقة التركيب طبعا، 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(http://2.bp.blogspot.com/-PLZh_wdaSyc/VgfsjY6KGqI/AAAAAAAAJC0/pjL4l9TD6ac/s1600/loder1.gif) no-repeat;
position: absolute;
left: 47.5%;
z-index: 999999;
right: 0;
top: 47.5%;
bottom: 0;
}
4. قم بحفظ القالب ومبروك عليك الإضافة
* لتغيير الشكل أي الصورة فكل ما عليك فعله هو رفع الصورة المختارة ووضعها بدل الموجودة وهي المحددة بالأحمر
السلام عليكم إخواني أخواتي الأعزاء مرة أخرى ومع إضافة جديدة وحصرية يسعدني أن أقدمها لكم ، الإضافة عبارة عن أشكال لتحميل الصفحة أو بالأحرى تحميل الموقع بكامله مع طريقة التركيب طبعا، 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(http://2.bp.blogspot.com/-PLZh_wdaSyc/VgfsjY6KGqI/AAAAAAAAJC0/pjL4l9TD6ac/s1600/loder1.gif) no-repeat;
position: absolute;
left: 47.5%;
z-index: 999999;
right: 0;
top: 47.5%;
bottom: 0;
}
4. قم بحفظ القالب ومبروك عليك الإضافة
* لتغيير الشكل أي الصورة فكل ما عليك فعله هو رفع الصورة المختارة ووضعها بدل الموجودة وهي المحددة بالأحمر
11 Blogger تعليقات
Disqus
11 التعليقات
المشرف
avatar

جميل جداً شكراً :)

المشرف
avatar

أخي لم ينجح الدرس في قالبين ولا أظنه ينجح في أي قالب :(

ارجوا ايجاد حل :)

المشرف
avatar

جرب الأكواد مرة أخرى لقد تم إصلاح المشكل
شكرا :-d

المشرف
avatar

أخى حسام أنا صاحب مدونة مدون وتمت سرقتها من يومين
أريد التواصل معك على الفيس بوك :p :p

المشرف
avatar

مرحبا اخي نعم يمكنك إرسال لي رابط حسابك وسأضيفك

المشرف
avatar

اخي حسام اريد حذف هذا الاضافه من القالب ان القالب من مدونتك وبه هذه الاضافه وانا اريد حذفها هل يمكنك مساعدتي
http://ps-de.blogspot.com/

المشرف
avatar

ابحث عن <body> ستجد اسفلها كود مثل هذا
<div id='loading'>
<div id='progress-bar'></div>
</div>

احذفه

المشرف
avatar
Hesham Raafat 1/17/2015
delete

أخي إذا كان النت عندي النت سريع كيف اتأكد إذا كانت فعلا تعمل أم لا

المشرف
avatar

رابط مدونتك؟

المشرف
avatar

اخي كيف تغير شكل وين رابط مش فاهم

المشرف
avatar

بعد تحميلك للأشكال إختر صورة وارفعها على أحد المواقع من ثم أنسخ رابطها وضعها بدل المتواجدة وهي محددة بالكود الأخير بالأحمر، هل فهمت؟

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة