Speed up your blog using Javascript - Blogger Lesson

Hey guys, how are you? Today I'm going to give you a good trick to speed up your blog's loading.. Sometimes we add Images, some Javascripts and CSS Scripts to our blog template for the beauty. But they will slow your blog's loading. So today I'm bring a good solution for this. It can load your blog as a Lamborgini speed. It loads your blog in several steps. The blog is loading according to your Scroll down. It has massive speed.


So we do it now,

First Go your blogs Control Panel.

And Click on Template Tab and Edit HTML Button

Now you can see a HTML box on your screen.

Press Ctrl and F after clicking in the HTML box.
Now type </html> in the Search box and Press Enter.

Now Copy and Paste above codes just before </html> tag.

<script type='text/javascript'>//<;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>

Ok, Now save the Template. 

See a Preview of your blog. Now you can see your blog is loading speedly. It's awsome isn't it? 

OK. now I'm going to say Good Bye. I'll bring a new lesson in next post. Keep in touch.