إضافة رائعة: تأثيرات تحميل الصفحات عند الإنتقال بين المواضيع والأقسام لمدونات بلوجر

السلام عليكم ورحمة الله تعالى وبركته ، جئتكم اليوم بإضافة رائعة جدا لمدونات بلوجر ، وهي إضافة تأثير تحميل الصفحات عند الإنتقال بين الشروحات و التدوينات و الأقسام ... ، وهذه الإضافة مهمة وأعدها لازمة لأصحاب قوالب السلحفاة ، لأصحاب القوال الثقيلة ، فعند اتقال الزائر في مدونتك من درس لآخر ، من قسم لآخر بدون ظهور تأثير تحميل الصفحة قد يجعله يمل من الإنتظار ، لكم مع إضافة الـ Loading Effect لمدونتك ، يجعل الزائر ينتظر ويصبر وذلك لوجود تأثير يلهيه ويجعله ينتظر .

بدون إطالة عليكم نأتي لمعاينة الإضافة الجديدة
للمعاينة : يمكنك رؤية الإضافة مباشرة من مدونتي فقط جرب الإنتقال بين المواضيع وستلاحظ تأثير رائع .

بالنسبة لطريقة إضافة الـ Loading Effect لمدونتك :
1/ سجل دخولك لبلوجر

2/ إختر تخطيط أو بالفرنسية Mise En Page

3/ إختر خاصية *إضافة أداة*

4/ إختر Html/JavaScript

5/ إنسخ الكود التالي وضعه في HTML/JavaScript

<style>

#abt-page-loader {

position: fixed!important;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 9999;

background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mTLThp7KUp1KIvGN93cuYSvY9h50v-vqiFyDc1TnqBwfXU4aQQOY99vTbcyWzv4UlCnke7gMYNXEyRVcYzVE0IIF5GjxXK9pi08-3wDO96HcP6u1wcjgEQ3dFMchv-6yTi2tfnkTf2E/s1600/th3prosadoun-loading.gif') no-repeat 50% 30%;

color: #FFF;

display: none;

font: 0/0 a;

text-shadow: none;

padding: 1em 1.2em;

}

</style><br /> <script type="text/javascript">

//<![CDATA[

$(document.body).append('<div id="abt-page-loader"> Loading...</div> ');

$(window).on("beforeunload", function() {

// ... Show the Animation `.fadeIn()`

$('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);

});

//]]>

</script>