هل تعاني من ثقل مدونتك وانت تتصفحها! هل تستغرق مدونتك وقت لفتحها؟. نقطة تحميل الصفحة الرئيسية والموضوعات لدى الزائر تعتبر من أهم النقاط التى يجب أن تتخذ لها إجراء سريع لعلاجها ان كنت تواجه مشاكل بها. ولكن هنا حل رائع مع إضافة Lazy Load لمدونات بلوجر لتسريع فتح المدونة عن طريق فتح الصور تباعا عند المرور عليها بالمؤشر.
كل ما عليك الأن اتباع الخطوات التالية لإضافة هذا الكود لتزيد من زوارك وتكسب ثقة زائرك اليومي :)
1- الدخول الى لوحة التحكم ثم القالب ثم تعديل القالب
2- ابحث Ctrl+F عن
</head>
3- أضف قبله أو فوقه الكود التالي
<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>
4- أحفظ القالب وتصفح مدونتك وشاهد النتيجة :)
روابط هذه التدوينة قابلة للنسخ واللصق | |
URL | |
HTML | |
BBCode |
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
14 تعليقات :
لا فرق حل من حل أخر
السلام عليكم ورحمة الله وبركاته
شكراا لك أحي محمد جلال لقد عاينتها في مدونتك المفيدة وكنت سأسألك عنها
أحي محمد جلال من فضلك أريد إستفسار أثناء تعديلي لمدونتي واجهت مشكلة اختفاء اداة الصفحات الثابتة الرئيسية
اخي ممكن ان تضع شرحا جيدا عنها وطرحه في مدونتك بارك الله فيك وجزاك خيرا وجعل كل اعمالك فى ميزان حسناتك
عندما نقوم بحفظ الترتيب تنتقل الى قائمة الجانبية
شكرا على الأضافة
شكرا لك اخي زياد بارك الله فيك
شكراااا السرعة ملحوضة
شكراً جزيلاً
@فيصل الشمراني
جربتها وكانت رائعة؟
@ahmed sayed
شكرا لك :)
@locas Nano
ولك بالمثل وشكرا جزيلا
@Youssef Afannoue
تمام بالتوفيق :)
@Huthaifa Mady
الشكر لله وبالتوفيق
@abdou salam
أهلا وسهلا عبد السلام.. هل جربت طريقة الأخ أيوب من خلال تلك التدوينة
http://www.abu-iyad.com/2012/09/pages-ayo-etm.html
Online Casino Site ᐉ Online Gambling | Online Slots Casinos
The most complete list of the best online casino sites on your Android smartphone or tablet. 카지노 게임 Play slots and table games and earn real rewards while taking