Image lazy Loader Script Blogger blog me Kaise add kare – Image lazy loader script blogger blog how to add

Lazy load plugin Blogspot blog me kaise install kare, Blog ko Fast loading hone ke liye optimise kaise kare, Blogger ki speed 2x kaise kare, kya aapko lazy load plugin chahiye jisse aapka blog fast loading ho or traffic increase ho sake in sabhi sawalo ka ek jawab hai mere pass wo hai lazy load Script jisse aapke blog ki speed 2guna ho jayega

Lazy-load-script-for-blogger

ब्लॉग का सबसे बड़ा factor है ब्लॉग का fast load होना जिससे आपके ब्लॉग पर विजिट कर सके हर रोज अनलिमिटेड विजिटर सभी टाइप के ब्लॉग पर विजिट करते है उनमे से कुछ ब्लॉग havey loading है यानि की बहुत ज्यादा देर तक loading होती रहती है जिसके कारण विजिटर उस ब्लॉग को छोड़ देते है जिससे हमारे ब्लॉग का Bounce rate increase होता है जो ब्लॉग के लिए अच्छा नहीं है अधिक bounce rate आपके ब्लॉग को ब्लॉक भी करवा सकता है इसलिए आपको अपने ब्लॉग को fast लोडिंग बनाना जरुरी है

एक ब्लॉग के लिए स्पीड ही नहीं बल्कि बहुत कुछ मायने रखता है सिर्फ स्पीड ही नहीं बल्कि Search engine के लिए पोस्ट का रैंक होना भी जरुरी है पोस्ट रैंक तभी होता है ज़ब उसमे दिए गए एक – एक जानकारी को सही जगह पर add किया गया हो इसके लिए सेटअप सही से किया जाये तो ब्लॉग की स्पीड को rocket की तरह बना सकते है एक और बात  अगर आप एडसेंस user है तो PageSpeed होना अत्यंत ही महत्वपूर्ण है

ये भी पढ़े : हिंदी ब्लॉगपरट्रैफिक कैसे बढ़ाये

पोस्ट लिखने के लिए आईडिया कहाँ से और कैसे लाये

Blogger theme footer/bottom ka Background kaise Change kare

Blogger keSabhi Post me Adsense ad eksathkaiselagaye – 6th method

आप ऐसे कई पोस्ट readers के लिए लिखते है जिसमे इम्पोर्टेन्ट इमेज भी add करते है ताकि विजिटर इमेज की help से सेटअप कर सके आपकी जानकारी के लिए बता दे की High quality image पोस्ट me use करने के कारण पोस्ट slow लोडिंग होती है जो search engine मे भी इंडेक्स होती है लेकिन रैंक नहीं कर पाती है इस पोस्ट मे image Lazy load के लिए एक script दिया गया है जो ब्लॉगर के सभी इमेज आटोमेटिक Lazy load होने लगता है इसे add करने के लिए आप नीचे बताएँ गए टिप्स को follow करें

Lazy load Script blogspot blog me kaise add kare

Step. 1 पहले आप इस कोड को copy करें [ code ko Edit nhi kare ]

<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>

Step. 2 Code Copy करने के बाद Blogger dashboard मे जाये left side मे theme पर क्लिक करें उसके बाद Edit html पर क्लिक करें

Step. 3 Theme ki full Coding open ho jayegi Theme me इस कोड को find करें

</body>

और ठीक इसके ऊपर peste करके theme Save कर दे आप चाहे तो इस कोड को <head> के ऊपर भी peste कर सकते है

ये भी पढ़े : blogger post url ko WordPress ki trahkaisebanaye

Urlparamteterskaise use kare serachconsol me

Blogger post keupar last update date Show kaise kare

Finally ‘ Save कर दे ! आपके ब्लॉग मे Lazy Load plugin install और active हो चूका है

कैसा लगा ये पोस्ट Lazy load plugin blogger blog me kaise install करें हमें जरूर बताएँ पोस्ट पसंद आए तो इसे Social मीडिया मे जरूर शेयर करें ऐसे ही ब्लॉगर से रिलेटेड आर्टिकल पाने के लिए हमारे ब्लॉग को सब्सक्राइब जरूर करें ताकि hindivhelp पर होने वाले new update की जानकारी मिल सके

| Website

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.