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'> ❤: PERSONALIZADO POR </a> | Todos os direitos reservados © </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.
Para um pobre mortal como eu, é complicadíssimo demais
ResponderExcluirNão é tão complicado assim, eu também já fui e pensei assim. Se desejar realizar alterações no seu tema e não tiver mesmo coragem ou não conseguir mesmo, você pode estar entrando em contato para marcar um auxílio para executar essas tarefas, bem como a instalação de outros recursos. Basta enviar seu pedido através do formulário de contato.
Excluir