روابط يحتاج اليها جميع مستخدمي الفيسبوك !

اضافة بلوجر لتحميل المحتوى قبل الصور |  Lazy Loader for Images in Blogger

مرحباً بعودتك متابع مدونة "مايند ايجي - mindegy1 " هنا في هذا المقال الفريد من نوعة، نقدم بين أيديكم طريقة تحميل المحتوى قبل الصور لتسريع مدونات بلوجر ، "تسريع مدونة بلوجر" يعد عامل كبير في تصدرك نتائج البحث وهذا يقلل معدل الارتداد لدى مدونتك ويرجع السبب في ان المستخدم اذا طالت الصفحة في التحميل فسوف يمل ويخرج بسرعة من موقعك ويبحث على موقع اخر وهذا يزيد معدل الارتداد لموقعك ويضرة.

معدل الارتداد (Bounce Rate)

عبارة عن مصطلح تكنولوجي في التسويق الإلكتروني والمواقع، وهو مهم للسيو ، ويستخدم في عملية تحليلات صفحات ومواقع الويب وهو عبارة عن النسبة المئوية لعدد الجلسات ومدتها التي قام بها الزائر أو حتى الزيارات التي تتم في صفحة معينة بمعنى اخر : هي الجلسات التي غادر فيها الشخص موقع إلكتروني من صفحة الدخول دون التفاعل مع الموقع. وهناك عدد من العوامل من العوامل التي تهدف الى المساعدة في تقليل معدل الارتداد داخل موقعك.

شاهد ايضا :
اضافة محتويات الدرس لمدونات بلوجر بشكل احترافي
شرح تركيب صناديق لعرض الأكواد الى موقع blogger بكل سهوله
اضفة صندوق مواصفات Phone specifications الهاتف لمدونات بلوجر Blogger

طريقة تركيب الاضافة - How to Add Lazy Loader for Images

1- قم بعملية تسجيل دخول مدونة بلوجر وتوجة المظهر ثم الى تحرير HTML

2- ابحث عن الوسم </head> وضع الكود اسفلة مباشرة

3- احفظ القالب ومبروك عليك تم تركيب الاضافة بنجاح.

كود تحميل النص قبل الصورة لبلوجر

  <! -- Image Lazy Loader Script by Wonder Krish -->   
  <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>   
  <!-- wonderkrish.com -- >    

شاهد ايضا :

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

طريقة تغير شكل العنوان و الترقيم في مدونات بلوجر بشكل احترافي

طريقة اضافة مربع لوضع الاكواد في مدونة بلوجر