Últimas Notícias

COMO FAZER UM MINI MENU FLUTUANTE PARA O BLOG




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.


Nenhum comentário