23/01/2017

Menu fixo no topo do blog 💻

Sabe aquele menu fixo que fica no topo dos blogs? Hoje vou ensinar á você como fazer! É bem fácil e o menu fica assim:


Antes de qualquer coisa faça o download do seu blog, caso aconteça algo de errado você possa reverter isso! (caso não saiba como fazer isso clique aqui

Vamos lá, para começar desative sua navbar caso ainda esteja ativa:

(Foto: Dicas Blogger)

Entre em Layout, no topo do lado direito vai ter o gadget navbar, clique em editar, "desativado" e salvar! 

Feito isso, vamos em Modelo, Editar HTML, de Ctrl+F e digite:
</b:skin> e de enter!


ACIMA de </b:skin> cole o código abaixo:

#menufiixubpd {
z-index:6666666666666666666666666666666666666666666666666666666666666666666666666666666666;
background: #000000;  /*-----cor de fundo---*/
font-family: 'Rajdhani', sans-serif;  /*-----fonte---*/
text-align: center;  /*-----alinhamento do texto---*/
padding: 5px;  /*-----largura do menu---*/
font-size: 14px;  /*-----tamanho da fonte---*/
width: 100%;
position: fixed;
margin: 0 -8px;
}
#menufiixubpd li {
list-style: none;
display: initial;
padding-right: 65px;  /*-----distância entre os itens do menu---*/
}
#menufiixubpd li a {
color: #FAEBD7;  /*-----cor da fonte---*/
text-decoration: none;
display: initial;
}


Personalize as cores para que fique do seu gosto! Veja aqui a tabela de cores em html.

Agora de Ctrl+F e pesquise por </head>


ABAIXO de </head> cole esse código:

<div id='menufiixubpd'>
<li><a href='Link do seu blog'>INICIO</a></li>
<li><a href='Link do seu blog'>CONTATO</a></li>
<li><a href='Link do seu blog'>SOBRE</a></li>
<li><a href='Link do seu blog'>BLOGROLL</a></li>
</div>
Agora é só editar com os links do seu blog e prontinho.

Deixe aqui nos comentário se deu certo no seu blog, e não se esqueça de deixar o link para que eu visite! 

Nenhum comentário:

Postar um comentário

© 2013-2016 - Uma Pitada de Feminice | Todos os direitos reservados.
Todas as imagens, textos e design são de autoria própria, exceto quando sinalizado.