Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Tutoriais Blogger Vanessa S.

Criar área de crédito no rodapé do Template

Neste artigo veremos como criar área de crédito no rodapé do template. É uma dica bem simples e fácil de ser implementada e serve tanto para os modelos de template do Designer de Modelo,quanto para os antigos modelos de templates mínima.

Criar área de crédito no rodapé do Template no Designer de Modelo

Se estiver usando um modelo de template Designer de Modelo, primeiramente, você terá que editar a área de “Attribution” do Blogger.

Entre no modo “editar html” através do painel do blogger e procure por: (use ctrl+f para localizar)

Você vai localizar esta linha:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

Onde está “true“, troque por “false“.
Na linha acima, onde está showaddelement=’no
Troque por: showaddelement=’yes

Salve as modificações.

Criar área de crédito no rodapé do template

Agora entre no modo “layout” no painel do blogger , clique em “editar” no gadget “Attribution” e exclua este gadget.
Salve as modificações.

Agora você verá que existe um campo para “Adicionar Gadget” no rodapé.
Clica em “adicionar gadget” e escolha “html/javascript” e cole o seguinte código:

<div align='center' class='credit'><a href='#'>
NOME-DO-SEU-BLOG-AQUI </a> &#169; Copyright 2011. Tecnologia do <a href='http://www.blogger.com/'>Blogger</a>. </div>

Salve as modificações.

Criar área de crédito no rodapé do Template (Templates Minima)

Se você estiver usando modelo de Template Minima ou um template já modificado, procure por:

</body>

E cole logo ANTES desta tag, o código a seguir:

<div align='center' style='margin:10px' class='credit'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#169; Copyright 2011. Tecnologia do <a href='http://www.blogger.com/'>Blogger</a>. </div>

Visualize e salve as modificações.

Aplicar estilos CSS

Se quiser acrescentar alguns estilos , você deverá incluir algumas linhas de código no CSS.
Como existem muitas variações de estilos a serem aplicados, o que farei aqui, é destacar cada elemento, para que você possa entender e aplicar os estilos de acordo com seu gosto.

Entre na página ‘editar html’, e procure pela tag: ]]></b:skin> e cole logo ACIMA dela:

/*--coloque aqui os estilos que você quer que sejam aplicados ao espaço ocupado pelo área de crédito--*/
.credit{ font-size:XXpx; /*--fonte do texto--*/
color:#XXX; /*--cor do texto--*/
}
/* --coloque aqui os estilos para o link--*/
.credit a{ color: #XXX; /*cor do link*/
}
/* --coloque aqui os estilos para o link hover--*/
.credit a:hover{ color:#XXX; 
/*cor do link no estado hover*/
}

Lembrem-se: Os estilos deverão ser aplicados por você.

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

32 Comentários

  1. Hannah disse:

    Olá, gostaria de saber como eu faço para deixar a barrinha “preenchendo” o rodapé

  2. Tiago de Souza disse:

    Essa postagem me ajudou bastante mesmo sendo tão simples. Obrigado!

  3. Camila disse:

    Vanessa por favor faz um post falando como fazer rodapé com imagem de assinatura tipo faço a imagem ponho lá escrito template por ******* mais sem tirar tecnologia do blogger,igual ao blog buteco para garotas.brigada pela atenção

  4. Walter Lima disse:

    Olá boa noite Vanessa muito obrigado pelos os ensinamentos.
    Como faço para recuperar minha barras laterais. Por que acontece isso. Não encontrei em lugar nenhum.
    Obrigado!

  5. Henrique disse:

    Por favor, queria saber se eu posso retirar todos os dretidos, deixa em branco, isso é permitido? agradeço resposta!

    • Vanessa disse:

      Depende. Se vc estiver usando um template criado por terceiros, vc terá que verificar se o autor permite a retirada dos créditos ou não.

  6. Di web disse:

    Adoreiiiii!!! \o/

  7. Nathali Corsi disse:

    Oi, Amei o tutorial, realmente foi bem útil para mim s2, só mais uma coisa, eu queria muito saber como faço para Por um FORMULÁRIO de comentários como este que que tem em seu blog, já procurei em todo lugar 🙁 Por favor me ajude, Beijos ^^

  8. eu gostei muito da dica de ter a possibilidade de excluir o gadget manualmente sem precisar excluir o codigo html

  9. Hum muito bom,só que tive que fazer algumas alterações para oltro fim,coloquei o pr,dihit e outros no rodapé…
    Obrigado pelo tuto..

  10. Angelo disse:

    Como faz para os creditos ficarem fixo

  11. Patricia Hills disse:

    A página que você está procurando neste blog não existe.

  12. Serial_megamods disse:

    me ajudou 🙂 VAaaleu

  13. Unknown disse:

    Olá, vc saberia me explicar como faço para colocar um link de "política de privacidade" no rodapé do blogger, exatamente como tem no seu site? Obrigada

  14. anderson disse:

    eu fiz passo a passo bem legal exclui o gadget so que aparecia de novo,para que não aconteça com niguém depois de mudar o html e salvar,mude o "attribution" para outro local no layout e depois o exclua ,dependendo do seu layout vc adiciona o html/javascript em qualquer lugar do layout depois arraste o gadget para onde ficava o "attribution"

  15. Claudio Willian Westphal disse:

    muito bom 😉

  16. Angelo disse:

    já vi o tutorial sobre isso, obrigado pela resposta

  17. .:: Nessa ::. disse:

    Angelo
    Acabei de publicar um artigo falando sobre isso. Dá uma olhada.

  18. .:: Nessa ::. disse:

    Thyago Lima
    As instruções para editar algumas coisas no template estão publicadas neste post:
    Template Art Nouveau.
    Dá uma olhada lá.

  19. By Thyago Lima disse:

    olá Prezada Clau.antes de mais nada,parabéns pelos seus trabalhos,és uma profissional nota mil,realmente que fazes ñ és apenas mais uma função ,és uma obra de arte do séc 22,realmente este és seu dom.Parabéns.
    só queria q tirasse uma dúvida.como és o procedimento correto pra retirar as barras deste templantes,de criação sua.ou como se faz pra dar função á eles.
    o template é :Template Art Nouveau.
    desde já agradeço á atenção

  20. Angelo disse:

    Oi, como vc conseguiu colocar responder comentarios no seu blog ?, quero colocar no meu

  21. Angelo disse:

    Gostei, isso e muito bom para quem cria seus propios modelos para colocar em seus blogs

  22. Otanyan disse:

    Nossa que beleza, obrigada, estou aprendendo muito 😀

  23. jotta-a disse:

    Muito bom,vou aplicar no meu blog 😀

  24. ?a? disse:

    Oi, Clau!

    No meu caso, eu deveria colocar só essa parte do estilo CSS, não é?
    Bem, fiz isso e não deu certo, infelizmente.
    Não aconteceu nada. Nenhuma mudança. 🙁

    Bjo!
    Dani.

  25. Victor Joseph Jackson disse:

    Hum… Muito util!
    Revisando uns codigos de uns templates que eu baixei
    Achei um código semelhante a este, que permite inserir uma imagem no fim dos posts, com qualquer coisa nela…
    No meu blog, coloquei: FolkPOP, Todos os direitos reservados…
    Mas enfim, orbigado por esta dica maravilhosa, estarei implementando no meu blog agora mesmo!

  26. .:: Clau ::. disse:

    Das
    Eu inclui as informações no tutorial. Dá uma lida na parte sobre aplicar estilos CSS. 😉

  27. Randromedo disse:

    eu conseguiiii naum tinha percebido que era tao facil hihihi gostaria de tira uma duvida depois ta

  28. ?a? disse:

    Oi, Clau!
    No meu caso, quero mudar a cor da fonte…
    Sei que como é um link, acaba acompanhando as cores que coloco no restante do blog, mas tem como mudar especificamente essas?

    Obrigada!
    Bjo,
    Dani

    • Caio disse:

      Oi meu nome é caio do blog N-tek 3.0, e vc pode mudar a cor bem facilmente é só vc ir em modelo, e depois em personalizar, dai vai aparecer uma pagina com um menu na esquerda, então vc clica em avançado, vai abrir um outro menu e ai vc vai até rodapé, e la vc muda a cor de uma parte, e depois vc vai em Links do rodapé e muda a cor do resto. acho que essa é a maneira mais facil, tomara que tenha te ajudado obrigado, Caio

      OBS: isso só funciona na interface nova do blogger!

  29. Randromedo disse:

    o meu simples e a mesma coisa, eu troquei os nomes que vem no propio templat mas so que naum mudou nada pq?

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.