#TutoriaisDaJaque: Fazendo meu Layout #4

OLÁÁÁÁÁÁ <3

 Eu sei que deveria ter postado semana passada mããããããs esse frio, gente, não dá! Só consigo ficar deitada com vários cobertas em cima de mim e tremer de frio. Mas cá estou eu, como prometido, e hoje trago a parte #4 de Fazendo meu Layout  õ/

Caso você queira aprender apenas como colocar o Menu Fixo no Topo do Blog vá para a Segunda Parte deste Tutorial ;)

 Bom, hoje vim ensinar vocês como alterar a imagem da Favicon - Aquela imagem pequena que fica lá em cima - como excluir a Navbar, como tirar o nome do seu blog que fica acima do Header (cabeçalho) importante! e como colocar MENU FIXO NO TOPO Õ/

 Bonitos, todas as imagens que eu usar nestes tutoriais estão disponíveis para Download aqui.
 Acho que as imagens estão bem explicadas mas caso você tenha alguma duvida deixe nos comentários aqui abaixo ;)

 Como vocês puderam notar, o blogger alterou um pouco o designer do "Layout".
Em Cross-Column clique em Adicionar um Gadget e escolha um Gadget HTML/JavaScript.
Irá abrir uma aba e dentro dela cole:

<div id='menufixotopo'>
<center>
<div id='alinhamentohorizontal'>
<div id='menu'>
<a href='LINK DO PERFIL'>NOME</a>
<a href='LINK DO PERFIL'>NOME</a>
<a href='LINK DO PERFIL'>NOME</a>
<a href='LINK DO PERFIL'>NOME</a>
</div>
</div>
</center>
</div>

Em Link do Perfil você deverá colocar o link do local que você quer que a pessoa seja direcionada ao clicar. e em Nome você deverá colocar o nome que corresponde a esse link que você colocou.
Caso você queira colocar mais algum link, apenas acrescente abaixo do </a> mais um <a href='LINK'>NOME</a> e agora Salve e veja como ficou.

 Deverá estar assim:

Procure por ]]></b:skin> e acima do código encontrado cole este código:

/* Menu Fixo
-------------------------------------*/
#alinhamentohorizontal {width: 1500px; /*Largura da imagem*/}
#menufixotopo {
font-family: tahoma; /* Nome da fonte */
background: url(http://static.tumblr.com/wlnblxn/O2Nnqkya8/menu1.png) repeat; /* Imagem de fundo*/
height: 40px; /* Altura da imagem*/
  position: fixed; /* Não alterar*/
  top: 0; /* Não alterar*/
  left: 0; /* Não alterar*/
  width: 100%; /* Não alterar*/
  z-index: 99; /* Não alterar*/
}
#menu {font-size: 13px; /* Tamanho da fonte */
padding: 4px 0px; /* Altura da margem de cima/baixo */
}
#menu a {color: #5c5c5c; /* Cor da fonte */
padding: 0px 65px; /* Altera os espaçamento entre as palavras */
text-transform: uppercase; /* Todas as letras em maiusculo */
}
#menu a:hover {text-decoration:none;
color: #fed8e3; /* Cor da fonte quando passar o mouse */
}

Clique em Salvar Modelo e verifique como ficou. Caso queira fazer alguma alteração fique a vontade, ao lado de cada linha eu deixei uma mensagem explicando para o que serve.

 Eu era louca para aprender como colocar Menu Fixo no topo do blog, acho a coisa mais fofa <3'

Espero muito que vocês tenham gostado, esse tutorial foi um dos mais pedidos - podem pedir mais que eu AMO quando alguém vem pedir tutorial pra mim HAHA 

Estou editando todos os posts de tutoriais aqui do OAB ♥ 04.01.2016