أضافة الكود جاري التحميل QueryLoader

بسم الله الرحمن الرحيم 

السلام عليكم ورحمة الله وبركاته


تعريف وظيفة الكود؟

وظيفة هذا الكود
يغطي الشاشة بلوق الخاص حتى يتم تحميل جميع المحتوى المدونة، مما يعني أن الزوار لن ترى التحميل الفعلي للمدونة الخاص بك ، وبدلا من ذلك، سوف يشاهدون صفحة التحميل مع شريط و النسبة المئوية للتحميل المدونة

قبل البـدء
يجب أخذ نسخة أحتياطي للقالب(الحذر واجب)

تأكد بأن طريقة التركيب سهلة جدا

 طريقة التركيب
لوحة التحكم>> تصميم>> تحرير HTML

أبحث عن الكود التالي


</head>



وقبله مباشرة أضف الكود التالي
<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>
ثم أبحث عن 
</body>
 وقبله أضف الكود التالي


<script>
 QueryLoader.selectorPreload = &quot;body&quot;;
 QueryLoader.init();
</script>


الخطوة الأخيرة ، إضافة رموز ال Css
أبحث عن
]]></b:skin>
وقبله مباشرة
أضف التالي

.QOverlay {
 background-color: #000000;
 z-index: 9999;
}

.QLoader {
 background-color: #CCCCCC;
 height: 1px;
}

.QAmt {
 color:#FF530D;
 font-size:50px;
 font-weight:bold;
 line-height:50px;
 height:50px;
 width:100px;
 margin:-60px 0 0 -50px;
}
 
لتغيير الاولون في الكود الاعلى خصائص css
المشار له بالون الاخضر هو لون الشاشه
المشار له بالون الازرق لون تحميل الشريط
المشار له بالون الاحمر هو لون الخط loeading  
 
وأخير حفظ القالب
أضافات ودروس بلوجر
‹ التدوينة السابقة التدوينة التالية ›

تدوينات ذات صلة

هناك 3 تعليقات:

  1. غير معرفالأربعاء, سبتمبر 07, 2011 6:06:00 م

    شكرا جدا على هذة الاضافة الرائعة..

    على فكرة انا نسخت الكود عندى فى مدونتى
    اشكرك مرة اخرى والى الامام دائما

    .

    ردحذف
  2. fahadالأربعاء, سبتمبر 07, 2011 6:54:00 م

    أهلا بك أخي
    تشرفت بمرورك على مدونتي

    ردحذف
  3. Yousef saebالثلاثاء, يونيو 25, 2013 12:56:00 ص

    أخي مدونتك فيها خطأ وأعتقد إنتا بتعرف شو هو

    ردحذف

الاشتراك في: تعليقات الرسالة (Atom)