اضافة أداة loading ( جاري تحميل الصفحة ) بشكل احترافي

إعلان أدسنس

آخر المواضيع

breaking/قوالب بلوجر/9
مقالات

الأحد، 30 أكتوبر، 2016

أكتوبر 30, 2016

تكبير النص تصغير النص أعادة للحجم الطبيعي
  اضافة أداة loading ( جاري تحميل الصفحة ) بشكل احترافي
السلام عليكم متابعي فيصل للمعلوميات

اليوم اريد مشاركتك اضافة جد احترافية , و هي أداة جاري تحميل الصفحة حيت تظهر عند تحميل الصفحة و لم يكتمل التحميل بعد و تنتهي مباشرة بعد التحميل , ان كنت مهتما بهذه الاضافة فهي سهلة جدا في التتبيت ,فقط يمكنك اتباع الخطوات التالية :
1.لوحة التحكم
2.إضغط على قالب
3. ثم تحريرhtml
4.إبحث بالضغط على   CTRL+F عن الكود التالي : ]]></b:skin>
5.ثم ضع قبله الكود التالي مباشرةً :

#cssload {background:url(http://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

6.إبحث عن الكود التالي <body> ثم ضع تحته الكود التالي

<div id='cssload'/>

7.إبحث عن الكود التالي <body/> ثم ضع فوقه الكود التالي

<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

قم بحفظ القالب ونرى النتائج.

يمكنك تغيير شكل التحميل عبر تغيير رابط الصورة بالاحمر الى رابط الصورة التي تناسبك متال


إرسال تعليق

مقالات