10 julho 2020

Rodapé de créditos do blogger personalizado

🗨
Bom dia , amigos leitores!

Hoje venho trazendo mais uma personalização para blogs do blogger , nada mais chato do que a gente personalizar todo o template e não poder colocar o nosso nome no rodapé , então hoje vamos ver como retirar as atribuições do blogger e colocar um rodapé de créditos com um design legal e com seu nome.

Bora , lá.


tutorial rodapé de créditos do blogger personalizado





Antes de começarmos  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. Nós vamos em:
  • Clique em editar HTML lá abrirá todo painel com o código fonte do seu blog , dentro dessa área você da 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ê vai 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 vamos a 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 numero até que fique da maneira que deseja.
Quer um rodapé em background veja como usa-lo em Background 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 preferencia 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 curtam , compartilhem , deixem seu comentário .

Nenhum comentário:

Postar um comentário

Você leu uma postagem escrita com muito amor por mim Adriana autora do Baú da Dri . Gostou?! Deixe seu comentário , criticas e sugestões , ela são muito importantes para fazer o blog cada vez melhor . Curta , compartilhe ,ajude o blog a crescer .
Sua mensagem será respondida o mais breve possível .
Muito obrigada pela visita e volte sempre.

Atualizações do Instagram