آخر الأخبار

الثلاثاء، 5 يونيو 2018

اضافة تأثير جاري تحميل المدونة علي شكل سبينر


اضافة جاري التحميل لمدونات بلوجر


مرحباً بكم في درس جديد علي موقع ميمي نت
في هذا الدرس نعرض لكم اضافة رائعة لمدونات بلوجر وهيا اضافة تأثير جاري التحميل علي شكل سبينر
من منا لا يعرف لعبة سبينر وهيا لعبة انتشرت بشكل كبير في الأيام السابقة حيث انها لعبة ثلاثية الأجنحة تقوم بالدوران ويقال انها تزيل التوتر والقلق النفسي وتكسب صاحبها الهدوء ولاكن هذا ليس موضوعنا ولاكن موضوعنا اليوم هو انه تم تمصيم هذة اللعبة علي شكل صورة تستخدم عند تحميل المدونة هذا ما نعرضة عليكم في هذا الدرس.

اضافة جاري التحميل لمدونات بلوجر


تابع الشرح لمعرفة كيفية اضافة مربع البحث لمدونتك
الخطوات



  • الخطوة الأولي

  1. اذهب الي لوحة تحكم بلوجر
  2. انتقل الي قسم المظهر
  3. ابحث عن الوسم ]]></b:skin>
  4. قم بلصق الكود التالي فوقه مباشرا
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url('https://loading.io/spinners/fidget-spinner/index.fidget-spinner.gif') no-repeat 50% 50%;
padding:1em 1.2em;display:none}


  • الخطوة الثانية

  1. ابحث عن الوسم </body>
  2. قم بلصق الكود التالي فوقه مباشرا
  3. ثم قم بالحفظ

<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>

تعديلات الكود

  • يمكنك تغير صورة الأسبينر عبر تغير هذا الرابط ولاكن احتراس عند استخدام اي صورة يجب ان يكون الإمتداد GIF
https://loading.io/spinners/fidget-spinner/index.fidget-spinner.gif

نمتني ان تعجبكم الإضافة بالتوفيق
Loading...

شارك الموضوع ليستفيد الجميع

مواضيع مقترحة

الحصول على رابط هذا الموضوع

رابط:
رابط الموضوع بكود html:
رابط الموضوع للمنتديات:
  • اضافة تعليق
  • 1 تعليق على موضوع : اضافة تأثير جاري تحميل المدونة علي شكل سبينر

    اضافة جميله بس ساعات مبتظهرش في المدونة وساعات بتظهر

    ♥ Copyright © Memy Net Powered by Memy Group