Leiam tudo com atenção, sigam os passos que aqui vos deixamos e não haverá nada que possa correr mal.
1. Em primeiro lugar têm de ter o desenho para aplicar no rodapé. Deve estar em formato .PNG ou .JPEG, e pode ser feito em qualquer software de desenho ou edição de imagem. Aqui só têm mesmo de saber o que querem e de dar asas à criatividade. Divirtam-se!
2. Depois de terem a imagem, a nossa é a que está ali em cima, têm de a alojar num servidor. Para simplificar podem pensar na vossa conta google, e no próprio blogger como um depósito, e por isso o mais simples será guardar aqui toda a informação. Assim sendo, criem uma página, invisível para os leitores, onde guardam todas as imagens que fazem parte do layout do vosso blog.
Menu lateral esquerdo >> Páginas >> Nova página
Dentro da página inserem imagens e no final clicam em publicar.
(a página só será mesmo publicada no blog se vocês a inserirem num menu, por isso não há perigo do leitor ver esta página que só serve para vos ajudar).
Depois de publicada, visualizem a página, cliquem com o lado direito do rato sobre a imagem que vos interessa colocar no rodapé e copiem o URL da mesma.
3. Agora que já têm o código correspondente à imagem, só precisam dizer ao blogger que querem que ela apareça no footer. Para isso acedem ao designer de modelos:
menu lateral esquerdo >> modelo >> personalizar >> avançadas >> Css
aqui na janela de Css cola o código que vos damos em baixo, e deste código só têm de trocar o URL pelo vosso.
.post-footer {
margin:0 auto; padding-top:20px; padding-bottom:30px;
background: url(http://imagemexemplo.png) no-repeat bottom left ;
}
E pronto! Se gostarem e tentarem fazer isto nos vossos blogues deixem-nos por aqui o link para vermos as vossas coisas bonitas :)
Funcionou super bem - como é que colocaram os comentários ao centro?
ResponderEliminarHá muito tempo que andava a procura deste tutorial e vocês não desiludem :)
ResponderEliminarJá devia ter feito este comentário há muito mais tempo mas vou fazê-lo agora: OBRIGADA!! Obrigada por todos os posts de ajuda a bloggeres! Obrigada por me terem poupado uns "trocos" e por me possibilitarem por o meu blog a meu gosto de uma forma bem fácil! Para vos agradecer fiz um post no meu blog e espero sinceramente que gostem!
http://linhadolho.blogspot.pt/2015/10/conhecer-blogs-2-we-blog-you.html
Um beijo enorme,
Ana Rita - Autora de Linha d'Olho http://linhadolho.blogspot.pt/
Há muito tempo que andava a procura deste tutorial e vocês não desiludem :)
ResponderEliminarJá devia ter feito este comentário há muito mais tempo mas vou fazê-lo agora: OBRIGADA!! Obrigada por todos os posts de ajuda a bloggeres! Obrigada por me terem poupado uns "trocos" e por me possibilitarem por o meu blog a meu gosto de uma forma bem fácil! Para vos agradecer fiz um post no meu blog e espero sinceramente que gostem!
http://linhadolho.blogspot.pt/2015/10/conhecer-blogs-2-we-blog-you.html
Um beijo enorme,
Ana Rita - Autora de Linha d'Olho http://linhadolho.blogspot.pt/
Descobri hoje o vosso blog e adoro. Já coloquei esta lição em prática http://primeirolimao.blogspot.pt/ e ficou engraçado embora preferisse se ficasse mesmo centrado :)
ResponderEliminarObrigada!
Vanessa Casais
Aaah!!!! Queria tanto, tenho pena destas dicas não darem para Blogs Sapo :P
ResponderEliminarSe eu não gostasse tanto daquela casa, até mudava para o Blogspot hehe
Beijinhos e obrigada pelas dicas!
Não consigo. :(
ResponderEliminarNão consigo. :( não me aparece copiar URL da imagem
ResponderEliminarAdoro todos os vossos tutoriais!
ResponderEliminarMudei todo o meu blog com os vossos tutoriais, mas há um que não estou a encontrar. Ontem fiz asneira e sem querer apaguei a foto que tinha na barra lateral direita para me apresentar e agora não encontro a forma de voltar a por lá a imagem e não encontro o vosso tutorial :C
Espero que me possam ajudar!
Ana, autora de Linha d'Olho http://linhadolho.blogspot.pt/
Adorei! Eu queria aumentar essa barra e não estou conseguindo!
ResponderEliminarOlá,
ResponderEliminarAdorei o tutorial.mas no meu blog não dá!!