Incluir Menu flutuante para rolar página do blog



Você já deve ter visto varios blogs por ai que usam um mini menu com umas setinhas no canto inferior direito do blog, que se movem quando você rola a página para cima ou para baixo.
Essas setinhas facilitam a navegação dos visitantes, principalmente quando o blog possui varias postagens na página inicial, o que deixa a página bem extensa.
Com elas o visitante poderá ir direto ao topo da página, descer ou ir para página inicial do blog ao qual ele está visitando.

Vou postar aqui diversas dicas de como instalar Menu Flutuante na Barra de navegação suspensa para rolar a página do blog.
Basta você escolher a que mais lhe agrada e instalar no seu template.


1) MINI MENU DE ROLAGEM DA PÁGINA:

É este Menu que eu uso aqui no template. Eu vi este menu noFerramentas Blog, e adorei,logo corri para trocar o menu que usava antes.
Vou postar como instalar esse menu, mas os créditos são todos de lá.

Eu fiz umas adaptações neste menu, mas se você quiser confira o post originalaqui.

Vá no menu “modelo >> Editar HTML”, clique em ‘Expandir modelos de widgets’ e procure pela tag ]]></b:skin>

E cole este código logo abaixo dela:


    <script language="JavaScript">
    function cima() {
    window.scrollBy(0,20); // velocidade para cima
    scrolldelay = setTimeout('cima()',100); // tempo da rolagem
    }
function baixo() {
window.scrollBy(0,-20); // velocidade para baixo
scrolldelay = setTimeout('baixo()',100); // tempo da rolagem
}

function stopScroll() {
clearTimeout(scrolldelay); // para o rolar ao tirar o cursor do link
}

</script>

<a style="display:scroll;position:fixed;bottom:30px;right:50px;" href="ENDEREÇO- DO -SEU -BLOG" title="Voltar para Página Principal"><img src="http://q2q7wq.bay.livefilestore.com/y1praDV29b_fzbCdlfAllRS1rVW0AxvF7jBO_pQ68QOTJ-2t1vZ0ffH5ey4Hcfths0YDK5XNk-s_rdKfPX-_waJSw/indicador-Home.png"/></a>

Postar um comentário

0 Comentários