اضافة جاري التحميل لمدونات بلوجر
مرحباً بكم في درس جديد علي موقع ميمي نت
في هذا الدرس نعرض لكم اضافة رائعة لمدونات بلوجر وهيا اضافة تأثير جاري التحميل علي شكل سبينر
من منا لا يعرف لعبة سبينر وهيا لعبة انتشرت بشكل كبير في الأيام السابقة حيث انها لعبة ثلاثية الأجنحة تقوم بالدوران ويقال انها تزيل التوتر والقلق النفسي وتكسب صاحبها الهدوء ولاكن هذا ليس موضوعنا ولاكن موضوعنا اليوم هو انه تم تمصيم هذة اللعبة علي شكل صورة تستخدم عند تحميل المدونة هذا ما نعرضة عليكم في هذا الدرس.
من منا لا يعرف لعبة سبينر وهيا لعبة انتشرت بشكل كبير في الأيام السابقة حيث انها لعبة ثلاثية الأجنحة تقوم بالدوران ويقال انها تزيل التوتر والقلق النفسي وتكسب صاحبها الهدوء ولاكن هذا ليس موضوعنا ولاكن موضوعنا اليوم هو انه تم تمصيم هذة اللعبة علي شكل صورة تستخدم عند تحميل المدونة هذا ما نعرضة عليكم في هذا الدرس.
تابع الشرح لمعرفة كيفية اضافة مربع البحث لمدونتك
- الخطوة الأولي
- اذهب الي لوحة تحكم بلوجر
- انتقل الي قسم المظهر
- ابحث عن الوسم ]]></b:skin>
- قم بلصق الكود التالي فوقه مباشرا
#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}
- الخطوة الثانية
- ابحث عن الوسم </body>
- قم بلصق الكود التالي فوقه مباشرا
- ثم قم بالحفظ
<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
نمتني ان تعجبكم الإضافة بالتوفيق