Como personalizar o rodapé dos posts, no blogger?


São muitos os e-mails que recebemos com esta dúvida, e por isso hoje vamos tentar explicar tudo de forma clara e ajudar-vos a personalizar o footer, ou o rodapé dos vossos posts.
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.

Os passos são simples:
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 :)

10 comentários:

  1. Funcionou super bem - como é que colocaram os comentários ao centro?

    ResponderEliminar
  2. Há muito tempo que andava a procura deste tutorial e vocês não desiludem :)

    Já 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/

    ResponderEliminar
  3. Há muito tempo que andava a procura deste tutorial e vocês não desiludem :)

    Já 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/

    ResponderEliminar
  4. 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 :)

    Obrigada!
    Vanessa Casais

    ResponderEliminar
  5. Aaah!!!! Queria tanto, tenho pena destas dicas não darem para Blogs Sapo :P

    Se eu não gostasse tanto daquela casa, até mudava para o Blogspot hehe
    Beijinhos e obrigada pelas dicas!

    ResponderEliminar
  6. Não consigo. :( não me aparece copiar URL da imagem

    ResponderEliminar
  7. Adoro todos os vossos tutoriais!
    Mudei 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/

    ResponderEliminar
  8. Adorei! Eu queria aumentar essa barra e não estou conseguindo!

    ResponderEliminar
  9. Olá,
    Adorei o tutorial.mas no meu blog não dá!!

    ResponderEliminar