Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Tuesday, 14 April 2015

Speed up Your Website Load




Site Load is very important for your website. If site is loading slower you will get low traffic on your site but if your site is loading faster you will get big traffic on your site. Visitors want to show all information of site fast then faster. Using this Script your site will load fast and images will opened in last which will help you to increase site load.



Steps


  • First Login to your Blogger Account
  • Now go to Template Settings.
  • Now Click Edit Template.

  • Now Search </head> and put below given code just above it.

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



  • Now save Your Template. 
Its Done! Open Your Blog you will see your blog is loading faster then before.


Wednesday, 8 April 2015

Add Flying Twitter Bird to your blogger

Hello Today i will share this awesome widget trick with you. Using This Widget you can add a flying twitter on your blogger. Just follow below given steps. Don't forget to share our blog with your friends :)



  • First Login to Your Blogger Account.
  • Now Select your blog.
  • Now press Layout Button.
  • Click Add a Gadget




  • Select HTML/Javascript and put below given code and paste it.



<!-- Twitter Bird start tricksbazaar.com--> <script src='http://yourjavascript.com/1523826141/Flying twitter bird.js' type='text/javascript'> </script> <script type='text/javascript'> var twitterAccount = "kvsindhi"; var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> "; tripleflapInit(); </script> <span style='font-size:11px;position:absolute;'/><a href='http://www.tricksbazaar.com/twittergadget' target='_blank' rel="nofollow" >Twitter Bird Gadget</a> <!-- Twitter Bird end tricksbazaar.com--></span>

  • Change kvsindhi with your username.
  • Now click Save the Template.


Note- You can also use this code in your website.

Friday, 22 August 2014

How to speed Up You Blog or Website?

Today Every one want fast website loading. They are not wait website full load. Sometimes websites are loading slowly. The Main Reason of website loading slow is Images. To make responsive our blog we add many photos in our blog. But these photos takes too much time to load.Sometimes we use a template which has already many images that time also website loading slow. Today I will share you to how to make your blog or website fast. Just Follow These Steps:


Copy the code from the below given box.



Now In Blogger, choose Layout > Add a Gadget > HTML-Javascript
Paste the code into the Contents field.
Don't give it any title
Press Save.