Receba todas as novidades em 2021.

    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, elas são muito importantes para o blog crescer e melhorar. 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