Adicionar navegação por seta no Blogger

quinta-feira, 19 de setembro de 2013


Já pensou em melhorar a navegação do seu blog Blogger? Imagine como seria aperar a tecla de direção ‘para esquerda’ ou ‘para direita‘ e com este único toque a próxima página é carregada facilmente.

Se você nunca acessou algum site onde podemos visitar uma segunda página ou voltar à página anterior com o simples apertar de uma tecla via teclado, então não conhece o quanto este recurso facilita a vida. O Flickr é um dos sites que usa o recurso a muito tempo e nunca mudou, pois sabe que para ver fotos, é melhor usar o teclado do que usar ‘botões’ em tela para fazer o leitor arrastar o mouse e clicar sobre eles, isso sem falar na poluição visual que o botão faz na tela.

No blog, ter um botão para ‘próximo’ artigo, é importante, mas fornecer meios alternativos para navegação é espetacular.

Você pode conferir como criar atalhos de teclado em seu blog ou página da web no artigo ‘Inserindo tecla de atalho em link’ ou ainda como inserir um botão de artigos aleatórios em seu blog Blogger.

COMO CONFIGURAR NAVEGAÇÃO POR SETAS NO BLOGGER


Logado no seu blog (Blogger), vá em Modelo e procure pelo fim da tag <\head>. Após localiza-la, acima dela cole o seguinte código JavaScript.

<!--Link next page--><script type='text/javascript'>window.onload = function(){document.onkeyup = function(event){if (document.activeElement.nodeName == &#39;TEXTAREA&#39; || document.activeElement.nodeName == &#39;INPUT&#39;) return;event = event || window.event;switch(event.keyCode){case 37:var newerLink = document.getElementById(&#39;Blog1_blog-pager-newer-link&#39;);if(newerLink !=null) window.location.href = newerLink.href;break;case 39:var olderLink = document.getElementById(&#39;Blog1_blog-pager-older-link&#39;);if(olderLink!=null) window.location.href = olderLink.href;}};};</script>

Agora basta salvar clicando no botão ‘Salvar modelo’ e pronto. Faça um teste visitando seu blog e clicando no botão -> ou <-


Como o código é feito em JavaScript, algo leve e já conhecido pelos navegadores mais antigos até, não corre nenhum risco de deixar seu template carregado e lento se você for uma pessoa organizada.

Agora que tal fazer um teste e clicar na seta 'para direita' do seu teclado [ -> ] ? Lembre-se de voltar aqui no artigo usando a tecla oposta para comentar a experiência! 
Se você está lendo este post via e-mail, visite a postagem original.

0 comentários:

Postar um comentário

Use este espaço para perguntar, questionar ou dar algum complemento sobre o artigo em questão. Todos os comentários publicados no Arruma Blog são de inteira responsabilidade dos seus respectivos autores. A finalidade do comentário é proporcionar ao leitor o poder de resposta sobre a postagem apenas. Neste campo não será aprovado comentários para publicar link e/ou material com conteúdo pornográfico de qualquer espécie, discriminatório ou ofensivo de qualquer natureza; que enviar informações sobre atividades ilegais e/ou incitar crimes ou violência. Para finalidades comerciais ou contato direto com o autor damos a opção de 'entrar em contato no topo da página'.

É expressamente proibido utilizar o espaço de comentários para engajar-se em atividades de cunho comercial, como vender produtos, procurar anunciantes e patrocinadores, divulgar informações pessoais de contato, além de veicular banners de qualquer espécie. Também serão apagados comentários de auto-promoção ou que não sejam pertinentes ao artigo em questão.

Todos os comentários são moderados e poderão ser excluídos caso sejam considerados inadequados, ofensivos ou alheios ao objetivo do blog. Este é blog é protegido pela lei de direitos autorais vigente no Brasil.


















 
Arruma Blog © 2009 - 2013 | Desenhado por Bubble Shooter | Direitos reservados | Obrigado pela visita