جدول المحتويات

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

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

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


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

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


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



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

  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

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

تعليق واحد

  1. اضافة جميله بس ساعات مبتظهرش في المدونة وساعات بتظهر
ads222
ads333
تحديث