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> :
Passo 2:
Para que funcione, marque Expandir modelos de widgets, busque por<b:includable id='nextprev'> ...</b:includable> e altere por:
Sigam o Bloggermin no Twitter e no Google+, e curta nossa página no Facebook.
O código deve estar entre tags
<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>
Para que funcione, marque Expandir modelos de widgets, busque 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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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>