Como personalizar o rodapé de créditos do Blog

em 25/08/2021

Tempo de leitura:
Como personalizar o rodapé de créditos do Blog


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 Coresse 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.

Nenhum comentário , comente também!

Postar um comentário

Você leu um artigo escrito com grande dedicação. Gostou? !
Deixe seu comentário, crítica e sugestão, eles são importantes para o desenvolvimento do Blog.
Sua mensagem será respondida o mais rápido possível.
Obrigado pela visita, volte sempre. Aproveite para inscrever-se e receber as novidades.