Como Personalizar o Rodapé do Blog
25.3.12
1. No seu blog clique em editar html e prossiga;
2. Aperte F3 ou Ctrl+F e procure por .footer-inner {
5. Agora a gente precisa criar uma imagem para colocarmos no rodapé. Lembre que a largura da imagem tem que ser exata ao do seu blog. Ex: se seu blog tem 980 px a imagem tem que ser 980x 45 px;
Na imagem você pode colocar brushes, pode escrever os créditos, sua política de cópia, seu nome... enfim o que você quiser! Após ter feito a imagem hospede ela (pode ser num blog de teste ) e pegue a url e coloque no lugar indicado. Visualize, se estiver tudo ok salve.
PS: SE QUISER QUE A IMAGEM DO RODAPÉ FIQUE ARREDONDADA COMO A DO BLOG, COLE O CÓDIGO ABAIXO DE .footer-inner { ASSIM:
2. Aperte F3 ou Ctrl+F e procure por .footer-inner {
3. Apague tudo o que aparecer em baixo dessa tag, mas deixe a última chave ( })
4. Depois de ter apagado, coloque a tag abaixo corretamente:
margin-top:-20px;
Background-image: url(SUA IMAGEM AQUI);
Background-position: center bottom;
Background-repeat: no-repeat;
Se seu rodapé já estiver arredondado, retire o arredondamento. Se não souber como faz, comente aqui. Mas se ainda não tiver arredondado, vamos indo!
5. Agora a gente precisa criar uma imagem para colocarmos no rodapé. Lembre que a largura da imagem tem que ser exata ao do seu blog. Ex: se seu blog tem 980 px a imagem tem que ser 980x 45 px;
Na imagem você pode colocar brushes, pode escrever os créditos, sua política de cópia, seu nome... enfim o que você quiser! Após ter feito a imagem hospede ela (pode ser num blog de teste ) e pegue a url e coloque no lugar indicado. Visualize, se estiver tudo ok salve.
PS: SE QUISER QUE A IMAGEM DO RODAPÉ FIQUE ARREDONDADA COMO A DO BLOG, COLE O CÓDIGO ABAIXO DE .footer-inner { ASSIM:
margin-top:-20px;
Background-image: url(SUA IMAGEM AQUI);
Background-position: center bottom;
Background-repeat: no-repeat;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-right: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
DEVERÁ FICAR ASSIM (SE COLOCAR O ARREDONDAMENTO)
CLICA QUE FICA GRANDE!
Espero que tenham gostado e qualquer coisa é só falar comigo que eu ajudo. Para evitar erros, primeiro faça esse tutorial num blog de testes, depois passe para seu blog mesmo.
14 Recados
Goste tanto que ja estou fazendo em meu blog. ficou super fucks..
ResponderExcluirhtp://debysabetudo.blogspot.com.br
Obrigada pela passadinha em meu blog!! seja sempre bem vindaaa
ResponderExcluirAmei o Blog!!! muito legal esse sorteio... estou participando!!
seja sempre bem vinda
bEIJOSS
thay-degasperi.blogspot..com
Adorei o tutu, e ficou muito fofo o rodapé *-* faz tempo q não passo aki haha' camilaejustin.blogspot.com
ResponderExcluirQue tuto útil flor, ameii *---* XOXO :* charmenaveia.blogspot.com
ResponderExcluiroii flor amei o blog estou te siguindo me siga tbm beijao
ResponderExcluirhttp://maddalice.blogspot.com.br/
Hoy Lindona, eu adorei sua ideia muito legal vou ver o que posso fazer :D
ResponderExcluirSobre o tutorial o melhor jeito de você retirar o responder dos comentários seria colocando o seu template antes de ser editado, diz que você salvou seu modelo antes de colocar essa função :o
Olá, tudo bem? :) Estou passando aqui pra dizer que seu blog é super interessante e eu amei. Estou seguindo já. E se não for muito incômodo, poderia passar no meu? Saiba que estou te esperando lá.
ResponderExcluirBeijos e sucessos
http://blogclubeteen.blogspot.com.br/
Fica mto legal mesmo :D Obrigada pela visita, volte sempre viu?♥
ResponderExcluirwww.blogmundodamoda.com/
AAAAAAAAAAH VOCE ME SALVOU ! eu estava procurando esse tutorial faz muito tempo mais NUNCA achava nossa obrigada mesmo.Estou seguindo agora ok flor ? beijos ♥
ResponderExcluirwww.guidymania.blogspot.com
Ótimo tutu, me ajudou bastante brigada.
ResponderExcluirGostaria muito que você visitasse meu blog, http://coffemilia.blogspot.com.br/
beijos.
Já to seguindo adorei o blog.
Ah muito obrigada! Ajudou e muito, parabéns pelo blog =)
ResponderExcluirhttp://thesongoftheletters.blogspot.com/
minha imagem ficou mt pro lado esquerdo oque eu faço ?
ResponderExcluirNão xtou conseguindo...ajudem-me por favor
ResponderExcluirEu queria te dar uma sugestão que é a seguinte:
ResponderExcluir-Muitas vezes vc faz tutorial, para o publico feminino e eu gostaria de que vc fizesse tambem para o leitor masculino......
O post estava incrivel!!!!!
Deixe aqui sua opinião a respeito do post ou do blog ♥
Você pode comentar através do Facebook também! É rápido, simples e prático!