Coloque efeito rolagem infinita no seu Blogger

Olá amigos Mult-focos, quer ver seu blog com estilo de paginação tipo a do facebook?
Então coloque efeito rolagem infinita no seu Blogger, em poucos passos você terá este efeito baseado em jQuery.
Por incrível que pareça este código deixará sua página mais ágil e rápida, duvida? Então faça o teste.
Outra vantagem seu visitante ficará mais tempo, pois o carregamento lhe trará postagens mais antigas sem ser preciso ele mudar de página, é o mesmo efeito usado na página mural do fecebook.
Então, vamos conferir?
Veja como fica nesta DEMO:
DEMO
Leia também: >>>Blogger economizador de energia Energy Saver <<<

Vá ao painel do Blogger-> Template-> Editar HTML

Procure por </head>usando Ctrl+F para facilitar o serviço, copie e cole o código abaixo logo acima de </head> .

“Não se esqueça de fazer um prévio backup do seu template”.

Detalhe se seu blog já possuir o plugin jQuery, retire esta parte do código<scriptsrc='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>

finalmente ai esta o código.

	<b:if cond='data:blog.pageType == "index"'>
	<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
	<script src='https://sites.google.com/site/multfcodes/arquivos-mult-focos/Infinito%20Ajax%20Scroll.js?' type='text/javascript'></script>
	<script type='text/javascript'>
	jQuery.ias({
	container : '.blog-posts',
	item: '.post-outer',
	pagination: '#blog-pager',
	next: '#blog-pager-older-link a',
	loader: 'https://lh3.googleusercontent.com/-GHqdrNkyXHg/UgzSnQnlBSI/AAAAAAAAAHE/HBadDYJ7CcY/s24-no/loadinfo.net.gif'
	});
	</script>
	</b:if>

view raw Para copiar clique em VIEW RAW hosted with ❤ by GitHub

 Clique em "Visualizar", caso não aconteça nenhum erro clique em "Salvar", isto é tudo.