Navegar através dos posts com o teclado

Este é um pequeno script que nos permite navegar com o teclado.

Este é um pequeno script que permite que você navegue com o teclado, pressionando as setas esquerda e direita através das páginas do blog ou dos posts em particular. Você pode colocar o script tanto na <head> como acima de </body>.

Sigam o Bloggermin no Twitter e no Google+, e curta nossa página no Facebook.

Passo 1:
O código deve estar entre tags <script> e </script>:
<script>/*<![CDATA[*/(function(){
if( document.querySelector )
document.addEventListener ? document.addEventListener('keyup', onKeyUp, false): document.attachEvent('onkeyup', onKeyUp);

function onKeyUp(e){
var prevLink = document.querySelector('[rel="prev"]'),
nextLink = document.querySelector('[rel="next"]');


e = e || window.event;
e.target = e.target || e.srcElement;
e.keyCode = e.keyCode || e.which;


if( e.target.tagName !== "BODY" )
return;

if( e.keyCode === 37 || e.keyCode === 39 ){
if(typeof e.preventDefault === 'function'){
e.preventDefault();
} else {
e.returnValue = false;
}

if( e.keyCode === 37 && prevLink ){
window.location = prevLink.href;
} else if ( e.keyCode === 39 && nextLink ) {
window.location = nextLink.href;
}
}
}
})()/*]]>*/</script>


Passo 2:
Para que funcione, marque Expandir modelos de widgets, busque por <b:includable id='nextprev'>...</b:includable> e altere por:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' rel="next" expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a rel="prev" class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' rel="home" expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>

Nome

Básicos,3,Blogger,43,Botões,2,buscadores,3,Comentários,5,Css3,9,Design,3,Dominio,3,Downloads,2,Efeito,13,Facebook,3,Feed,1,Festividades,1,GooglePlus,6,Hacks,7,HTML,8,Imagens,8,Menu,3,Recursos,3,Seo,8,Truque,24,Twitter,2,Widget - Gadget,16,
ltr
item
Bloggermin: Navegar através dos posts com o teclado
Navegar através dos posts com o teclado
Este é um pequeno script que nos permite navegar com o teclado.
Bloggermin
https://www.bloggermin.cashmore.com.br/2013/01/navegar-posts-teclado-blogger.html
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/2013/01/navegar-posts-teclado-blogger.html
true
3085171147808187471
UTF-8
Carregado Todas os Posts. Não foi encontrado nenhum post. VER TUDO Leia mais Responder Cancelar resposta Excluir Por Home PÁGINAS POSTAGENS Ver tudo RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO PESQUISAR TODAS AS PUBLICAÇÕES Não foi encontrado qualquer correspondência postal com o seu pedido Voltar a Home Domingo Segunda-feira Terça-feira Quarta-feira Quinta-feira Sexta-feira Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora mesmo 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir O CONTEÚDO É PREMIUM Por favor, compartilhe para desbloquear Copiar Todo o Código Selecionar Todo o Código Todos os códigos foram copiados para a área de transferência Não é possível copiar os códigos / textos, por favor pressione [CTRL] + [C] (ou CMD + C com Mac) para copiar