Para quem ainda não sabem o Footer é responsável pela parte de baixo do blog, ou seja, a parte do roda-pé do blog...
Vocês já devem de ter visto que alguns blogs possuem a parte de baixo do blog personalizada com: bordas, background, sombras e etc... Deixando a parte inferior do blog com uma aparência mais agradável.
Veja um exemplo na imagem logo abaixo:
Então pessoal vamos aprender a personalizar o footer-outer do blog, é bem simples de fazer, pois eu já tenho um código pronto pra aplicar no HTML do blog.
Personalizando o Footer-outer do Blog
Vamos começar:
primeiro vá no HTML do seu blog, na opção Modelo >>em Editar HTML >> e em Prosseguir.
Agora no HTML do seu blog, procure por esse parte:
.footer-outer {
Quando localizar o ".footer-outer {" ele vai esta com uma sequencia de códigos.
No meu HTML ele apareceu desta forma, observe abaixo:
.footer-outer {
border-top: $(footer.bevel) dashed #bbbbbb;
}
Observe também que no seu HTML o código pode estar igual ao meu ou diferente...
Veja que o ".footer-outer {" se inicia abrindo um chave"{" e termina fechando chave "}".
Então, você vai apagar o código que esta entre chaves"{...}" e substituir por este aqui:
-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
background:none repeat scroll 0 0 #EEE;
border: solid 2px #000000;
Prontinho pessoal, depois de substituir o código agora é só editar as cores.
- Para mudar a cor do plano de fundo é só substituir a parte que eu destaquei em cor Azul "#EEE" por uma cor que deseja colocar. clique Aqui para escolher a cor.
- Para alterar a cor da Borda, é só substituir a parte que destaquei em co vermelha"#000000" por outra cor.
- E para aumentar ou diminuir a espessura da borda, é só alterar o valor destacado em cor de Rosa " 2px".
Em seguida clique em visualizar para ver se estar tudo certo, depois só salvar o modelo.
Sou novata nesse assunto de blogs, amei suas dicas e estou seguindo as de principiantes. Vcs estão de parabéns com essa iniciativa. Muito obrigada valeu mesmo a ajuda!!
ResponderExcluirEste blog é um máximo continua assim!!!
ResponderExcluirmais-que-dicas.blogspot.pt
Coloquei direitinho, mais ficou um espaço branco com um pontinho, só visualizei, vi e não salvei, o espaço branco ficou com com um pontinho preto do lado esquerdo, tentei tirar o pontinho mais não conseguir, vou ver se volto ao normal!
ResponderExcluiresse blog ajuda bastante a outros blogueiros eu também sou iniciante em blog mais quando vou colocar qualquer coisa em meu blog sempre presto atenção primeiro, e amo tudo desse blog é muito bem explicado. faça uma visitinha ao meu blog já coloquei o banner ok.
ResponderExcluirFuncionou perfeito no meu blog.
ResponderExcluirComo faço para afastar o Footer-outer das postagens do BLOG, trazendo ele um pouco para baixo.
Pq se aumento a borda ele fica desalinhado com o BLOG.
Então gostaria apenas de descer um pouco o Footer-outer como você fez no seu blog.
Teria como explicar?
OBrigado