Hey people!!! Estava pensando o que eu iria postar hoje, então decidi continuar com tutorial para personalizar o rodapé do blog, o do post anterior era de personalizar os gadgets do rodapé esse será de personalizar o rodapé.
Vamos lá!!!
Na verdade já trouxe aqui duas outras maneiras de personalizar o rodapé, para vê-las é só clicar nas imagens.
No primeiro ensina a como colocar a barrinha simples no rodapé, a segunda já ensina a colocar link na barrinha e a de hoje será para colocar imagens, tanto de fundo como uma outras, exemplo:
Vamos lá!!!
Na verdade já trouxe aqui duas outras maneiras de personalizar o rodapé, para vê-las é só clicar nas imagens.
Primeiramente vá em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e aperte Ctrl+F e procure por:
]]></b:skin>
Acima cole o seguinte código:
#footer-wrapper {
background: url(URL DA IMAGEM DE FUNDO) no-repeat left; /*** cor do fundo ***/
background-repeat: repeat;
z-index: 1000;
height: 80px;
clear: both;
font-size: 150%; /*** tamanho da fonte ***/
color: #000000; /*** cor da fonte ***/
text-align: center; /*** alinhamento da fonte ***/
padding: 1px;
font-family: Comic Scans MS;
font-size: 12px;
border: 0px dotted #A5C2B3;
}
Onde está escrito background: url(URL DA IMAGEM DE FUNDO) no-repeat left; é onde você pode personalizar o fundo, se no lugar da imagem você quiser colocar uma cor é só trocar esse trecho pelo seguinte:
background: #000;
Mude onde for preciso depois salve!
Continuando no HTML procure por:
</body>
Acima dele cole o código:
<div id='footer-wrapper'><a href='LINK DO BLOG'><img border='0' src='LINK DA IMAGEM'/></a><br>Todos os direitos Reservados - © 2015</br></div>
Bem já está explicado no código. Na parte onde está escrito: Todos os direitos Reservados - © 2015 você pode mudar por outra coisa.
Faça as mudanças necessárias e salve!
Pronto!!!
Espero que tem gostado!