Você já deve ter visto vários 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.
1 - Vá até ‘Modelo
2- Editar HTML’ e procure por esta tag - </body> (fica na parte final do seu template):
</body>
</html>
E cole este código abaixo antes do </body>:
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mininavbar img
{
border:0;
}
#mininavbar a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
-->
</style>
<div id='mininavbar'><a href='ENDEREÇO-DO-SEU-BLOG'
title='Página principal'><img
src='http://i32.tinypic.com/vip2z9.png'/></a><a
href='#' title='Ir para o topo da página'><img
src='http://i29.tinypic.com/1196niu.png'/></a><a
href='#finalpg' title='Ir para o final da
página'><img
src='http://i32.tinypic.com/143ztac.png'/></a></div>
<a name='finalpg'/>
Observação: Coloque o endereço do seu blog ENDEREÇO DO SEU BLOG pelo seu , onde esta em vermelho você pode estar alterando para as imagens que você achar mais apropriadas para seu Blog.
Caros leitores, depois de ler o Conteúdo, forneça comentários construtivos. Sua opinião é muito mais valiosa para o Site. Obrigado.
Observação: somente um membro deste blog pode postar um comentário.