اضافة لايزى لوود لزياده سرعة مدونات بلوجر

اضافة لايزى لوود لزياده سرعة مدونات بلوجر

اضافة لايزى لوود لزياده سرعة مدونات بلوجر

كما هو واضح ان سرعه تحميل المدونه اصبح امرا ضروريا جدا ومؤثر حتي في نتائج البحث ولذلك اليوم سوف نشرح اضافه مهمه جدا كانت حكرا علي مدونات ووردبريس والان هي متاحه لمدونات بلوجر
فكره عمل الاضافه هي تحميل صور المدونه اثناء تصفح الزائر فكلما نزل زائر المدونه الي اسفل الصفحه يتم تحميل الصور اوتوماتيكيا

شرح اضافه لايزى لوود الي مدونتك

اذهب الى المظهر ثم اختر تعديل html

ابحث عن
</head>
واضف فوقه مباشرتا الكود التالى

<script type='text/javascript'>
//<![CDATA[
// Jquery LazyLoad Script by www.hashtagstech.blogspot.com
(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:"https://1.bp.blogspot.com/-EL0bHxSo46c/XC0CDYBVckI/AAAAAAAAATo/eRbc_t_wIzsHFBzAkpjkizZG1haWgoBxQCLcBGAs/s1600/post_thumb.pn",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

احفظ القالب والان شاهد مدونتك مره اخرى

انتهي الشرح

HashtagsTech

هاشتاج التقنيه قوالب واضافات بلوجر وجديد الاخبار التقنيه

Facebook

Twitter

Instagram

شارك هذا الموضوع