Menu no Footer do Blog

belt, black, clutch, dress, fashion

E aí amores? Devido a um pedido via Ask.Fm, hoje eu vou apresentar a vocês este tutorial de como criar um menu no footer (rodapé) do blog, como eu venho utilizando. Vamos lá? Clique em Leia Mais e confira o tutorial!


TUTORIAL

 1ª  Parte 

O primeiro de tudo, é escolher em Modelo > Personalizar > Layout > Layout do rodapé a opção de 3 colunas como mostrado abaixo:


Depois de fazer isto, clique em salvar no canto superior direito e vá para a edição HTML.

 2ª  Parte 

Procure por ]]></b:skin> e cole ACIMA desta tag:

#menufooter {
margin-bottom:8px; /* Margem abaixo do menu */
}
#menufooter a { /* Estilo normal */
padding:3px 5px; /* Espaçamento interno */
font-family:arial; /* Fonte */
font-size:14px; /* Tamanho da Fonte */
color:#FF3E96 !important; /* Cor do Link */
text-decoration:none; /* Sem sublinhado no texto */
font-weight:bold; /* Fonte em Negrito */
}
#menufooter a:hover { /* Estilo com o mouse em cima */
text-decoration:underline !important; /* Texto Sublinhado */
color:#CD3278 !important; /* Cor do Link */
}

Você pode ainda colocar uma cor de fundo adicionando background: #COR;

 3ª  Parte 

Clique em  SALVAR  e depois vá para Layout. Lá, adicione nas colunas do rodapé o código já editado com os links do seu blog:

<div id="menufooter"><a href="LINK">Home</a></div>
<div id="menufooter" style="margin-left:10px;"><a href="LINK">Página 1</a></div>
<div id="menufooter" style="margin-left:10px;"><a href="LINK">Página 2</a></div>
<div id="menufooter" style="margin-left:10px;"><a href="LINK">Página 3</a></div>
<div id="menufooter" style="margin-left:10px;"><a href="LINK">Contato</a></div>

Espero que tenha sido útil, até o próximo tutorial galera ;D