اضافة blogger لزيادة سرعة تحميل مدونتك

لمن يعاني من تقل مدونته وهوا يتصفحها! هل تستغرق مدونتك وقت لفتحها؟. نقطة تحميل الصفحة الرئيسية والموضوعات لدى الزائر تعتبر من أهم النقاط التى يجب أن تتخذ لها إجراء سريع لعلاجها ان كنت تواجه مشاكل بها. ولكن هنا حل رائع مع إضافة 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- أحفظ القالب وتصفح مدونتك وشاهد النتيجة 🙂

شاهد أيضاً

تحميل أفضل قوالب بلوجر المجانية 2024 العربية والمعربة

تحميل أفضل قوالب بلوجر المجانية 2024 العربية والمعربة

تحميل أفضل قوالب بلوجر المجانية 2024 العربية والمعربة إليك أفضل قوالب بلوجر المجانية والعربية المعربة …

تعريب قوالب بلوجر

شرح كيفية تعريب قوالب بلوجر

شرح كيفية تعريب قوالب بلوجر تعريب قوالب بلوجر يتطلب فهمًا جيدًا للأكواد HTML وCSS، وقد …

ما الفرق بين ووردبريس وبلوجر

ما الفرق بين ووردبريس وبلوجر

ما الفرق بين ووردبريس وبلوجر ووردبريس وبلوجر هما منصتين شهيرتين لإنشاء وإدارة مدونات على الإنترنت، …

قالب بلوجر Brand Mag UX المعرب من أفضل قوالب بلوجر

قالب بلوجر Brand Mag UX المعرب من أفضل قوالب بلوجر

مرحبا بزوار ومتابعي مدونة الشهادة الكرام  عدنا لكم بقالب جديد  من قوالب بلوجر Blogger هذا …

2 تعليقات

  1. Your cranium must be prenoctitg some very valuable brains.

  2. At last! Something clear I can unsrdetand. Thanks!

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *