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





  السلام عليكم ورحمة الله تعالى وبركته ، جئتكم  اليوم بإضافة رائعة جدا لمدونات بلوجر ، وهي إضافة تأثير تحميل الصفحات عند الإنتقال بين الشروحات و التدوينات و الأقسام ... ، وهذه الإضافة مهمة وأعدها لازمة لأصحاب قوالب السلحفاة ، لأصحاب القوال الثقيلة ، فعند اتقال الزائر في مدونتك من درس لآخر ، من قسم لآخر بدون ظهور تأثير تحميل الصفحة قد يجعله يمل من الإنتظار ، لكم مع إضافة الـ 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('http://1.bp.blogspot.com/-fbUEXZnVrX4/U01bKb5aj5I/AAAAAAAAAso/hEQHWlJmcdo/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>

المرجو نشر هذا الموضوع

Sharing Widget bychamelcool


معلومات عن العضو

تاريخ الميلاد : المهنه : الإسم الكامل : أ الدولة : ا صاحب مدونةعقـول الويـب

وسائل التوصل معه :

Ads
Ads
comments powered by Disqus

جميع الحقوق محفوظة لعقول الويب 2014-2015| © مدونة عقول الويب Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.