How To Add A load More posts In blogger Amazing

here i have a beautifull trick for your blog how to add a load more posts in your blog older desighn in next posts and nubering but this is a new style of show more posts how to add this in your blog here i give you trick

How To Add A load More posts In blogger Amazing

Add A load More posts In blogger Amazing


  • Go to Blogger.com
  • Go to layout
  • CLick on add a gadget
  • Select HTML Java Script
  • paste Below Code in Content And save it.........
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript'>
(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");
window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();150>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=
a('<a href="javascript:;">Load more posts</a>');c.click(h);var e=a('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEsV1UmRvKMhMRqj3suyb7l2_ukmSqc5UA5YIKPxDNeGrphLoXwEpj38gWBQe9y71YccA85HVumUee6WUJuMjd6eUXPYgaD-pQ3rtVP8OInQ_o7WW7yXGFGNsIdBUlE3IC1AIWH1Q9mqcu/s32/ajax-loader.gif" style="display: none;">');f.scroll(k);b=a('<div style="text-align: center; font-size: 150%;"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);
 </script>



  • in title blank leave empty and check your blog

1 Comments

  1. oh thankyou so much , don't visit my blog to see great customization sammistan.blogspot.com

    ReplyDelete
Post a Comment
Previous Post Next Post