Como personalizar o rodapé de créditos do Blog

By Adriana Bentim em 25/08/2021

Tempo de leitura:

O tema do Blogger é super personalizável, o que nos permite modificar todos os códigos do tema.

Hoje eu trouxe mais uma personalização para seu blog. 

Não há nada mais chato do que customizar todo o template e não poder colocar nosso nome no rodapé, então hoje daremos uma olhada em como deletar a assinatura do Blogger (atribuições), e colocar um crédito rodapé com um design legal e seu nome.

Antes de começarmos uma observação importante.

Só retire os créditos do Blogger se realmente o seu template for personalizado por você ou se você baixou algum outro modelo, certo.

• Vamos lá então, que essa é uma personalização fácil.

• Faça um backup do seu template primeiro, caso ocorra algo de errado, essa é uma praxe que você deve sempre fazer antes de uma personalização  assim se necessário pode instalar novamente o mesmo.

• Vá em tema  e clique nos três pontinhos que estarão à sua direita, aparecerá; fazer backup, restaurar, alterar para o tema clássico da primeira geração, editar HTML, versão para celular. Vamos em:

• Clique em editar HTML lá abrirá todo painel com o código-fonte do seu blog, dentro dessa área você dá, o CTRL + F  e digita na área acima do código o local que você está procurando.
• 
  
• No nosso caso vamos primeiro no widget (ATRIBUIÇÃO), lá você verá o seguinte trecho:

      <b:widget id='Attribution1' locked='true' title='' type='Attribution'| troque 'true' por 'false'

Depois vá em layout e remova o gadget de atribuições, volte ao HTML de novo de um ctrl + f e procure por:

      </body>

    Acima do fechamento da tag  </body>  você colará o código abaixo:

<center><div id='footer-wrapper'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> |Template feito com<a href='ENDEREÇO DO SEU BLOG'> &#10084: PERSONALIZADO POR  </a>  | Todos os direitos reservados &#169; </div></center>

Depois que você inseriu esse código agora é hora de colocar sua personalização, procure na caixa de busca por ]]></b:skin>, acima dele cole o código css de personalização do rodapé que se encontra abaixo:

#footer-wrapper {

background:  #f9f5f5 ; /* cor do fundo do rodapé*/

background-repeat: no-repeat;/*não mexa aqui*/

z-index: 1000; /*não mexa aqui*/

height: 20px; /* Altura da barra */

clear: both;

font-size: 100%; /* tamanho da fonte da barra*/

color: #bf9b97; /* cor da fonte da barra*/

text-align: center; /* alinhamento da fonte, se quiser para a esquerda coloque left e se quiser na direita coloque right */

padding: 5px;/* tamanho da borda não alterar*/

}

Altere as cores e fonte para combinar com as cores do seu blog, se desejar que a barra seja um pouco mais alta altere height:20px; é só ir aumentando  o número até que fique da maneira que deseja.

Quer um rodapé em background veja como usa-lo em Paleta de Cores, se deseja colocar uma imagem no lugar, troque a cor em background por:

background: url (URL-DA-SUA-IMAGEM);

No caso de optar por colocar uma imagem escolha de preferência com 1250 px por 40 px, em PNG. 

Agora visualize para ver se está tudo correto e salve.

Pronto seu rodapé esta, personalizado. 

Fácil né?!

Por hoje é isso, espero que gostem e não se esqueçam de curtir, compartilhem, deixem seu comentário.

CURTA, COMENTE, COMPARTILHE!