Skip to main content

How to Auto Load More Post Automatically while Scrolling Down in Blogger?

How to Auto Load More Post Automatically while Scrolling Down in Blogger

Create Auto Load Post Automatically in blogspot

Go to :

Layout › Add a Gadget › HTML/JavaScript › Copypaste this Code below 

<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:;"><br><br><h2>⬇️</h2></a>');
			c.click(h);
			var e = a('<img src="https://media4.giphy.com/media/QTtnjpO5Za63dxig1j/giphy.gif?cid=790b7611f5264d6e0b8e934104b52325fd31f28e74c0b1bb&rid=giphy.gif&ct=s" 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>
Copied

You can Customize Loading Image URL by Searching HERE.

Views:

Comments

Post a Comment

Back to Top

Popular posts from this blog

How to get View Count in every single page in blogspot / blogger?

Before we start let me answer some of your following questions that you might be thinking...   Q. What is "View Count" anyways? Ans. With View count you can keep track on how many people have visited your blog site with a total number of counts displayed in your blog. It also gives you a better idea how many people are coming to your blog daily. Q. Blogspot / Blogger already has this feature so what so special about this tutorial? Ans. Yes, I agree blogspot does have this feature and its great no coding involved but you cannot do this... Suppose you have made 2 posts: Page A, Page B. Whatif you want to know how many people visited Page A Vs Page B. Suppose people visited Page A - 100 times and Page B - 5 times. Blogspot View Count will show you only total visits i.e. 105 visits. And not for Page A or Page B specifically.  So to see Views for Each page... this is how to I did. Just copy paste this code on your blogspot page and you are good to go. <!--- //////////...
1 comment
Read more

[SOLVED] Google-served ads on screens without publisher-content

Waiting for Approval? And you get a mail something like this? ========================================= Your Publisher ID: pub-123456789 Sign In Thanks for submitting your site "<Your_WebSite.com>" for AdSense. The team has reviewed it but unfortunately your site isn’t ready to show ads at this time. There are some issues which need fixing before your site is ready to show ads. For more information, visit the ' Sites ' page in your account. You can find more details and application tips in the below video : We encourage you to review and update your site. Once you’ve done so, you can request a review. Our specialists will review your site for compliance with our Program policies , so make sure to resolve all of the issues. Watch our ' AdSense Site Approvals ' video series to troubleshoot your policy issues and start earning money from your site. Go to Sites ...
1 comment
Read more

How to Add Likes and Views Button in Blogspot?

Here I am going to show you a simple trick which can be used to keep track on every views plus add a like button with various customize options. But first lets just dive into the code. Instead of going into Layout we are going to paste this code in our Post Itself. Just change Compose View to HTML View & Paste it under your post content. This Code is for View Counter (Blogspot also has its own widget called Blog's Stats in Add a Gadget option. But it will not show you View Count on Each Post / Pages. But this code will. ) <!-- View Counter BEGIN --> <script> window .onload = function () { var xhr = new XMLHttpRequest(); var url = window .location.href.replace( "https://" , "" ).replace( /\//g , "" ); var urlr = url.substring( 0 , 53 ); //document.getElementById("demo").innerHTML = urlr; xhr.open( "GET" , "https://api.countapi.xyz/hit/" +urlr); x...
Post a Comment
Read more