Criando um blog #3

Olá galerinha,essa é mais uma postagem da série Criando um blog,antes de começar,quero avisar que vou dar uma pausa nisso nessas últimas semanas até o Ano Novo,a loucura das festas de fim de ano estão chegando e não vou conseguir fazer mais tutoriais,mas ainda vão ter posts especiais até lá,então fiquem ligadinhos aqui no blog.
Hoje,vou ensinar como personalizar a parte de baixo do blog,o rodapé,onde tem a atribuição ao Blogger e tudo mais,o importante é lembrar que não podemos retirar essa atribuição,mas personalizar de modo que fique mais bonito e combine com o tema que estamos montando.


Para começar,abra seu blog,coloque em Modelo>Editar HTML> clique na caixinha e aperte Ctrl+F para pesquisar,quando a caixinha de busca aparecer,procure por Attribuition,depois,quando achar,vai ter uma parte escrita locked 'true'  apague o true e coloque false no lugar.
Estava assim:




Vai ficar assim


Depois vamos procurar,na mesma caixinha de busca,por </body> e colar ACIMA dele o código seguinte
<div id='rodape-creditos'>
<table border='0' cellpadding='5' cellspacing='0' oncontextmenu='return false' ondragstart='return false' width='100%'>
<tr>
<td style='width:72%;text-align:left;'>&#169; <a href='LINK DO BLOG'>NOME DO BLOG</a> - 2015. Todos os direitos reservados.<br/>Criado por: <a href='URL DO AUTOR DO BLOG' rel='nofollow' target='_blank'>NOME DO AUTOR DO BLOG</a>.<br/>Tecnologia do <a href='http://www.blogger.com' target='_blank'>Blogger</a>.</td>
<td style='width:28%;text-align:center;'><a href='LINK DO BLOG'><img alt='imagem-logo' border='0' id='logo-footer' oncontextmenu='return false' ondragstart='return false' src='LINK DA LOGO DO BLOG'/></a><br/></td>
</tr>
</table>
</div>


Vamos às explicações:Não mexa no que está de azul,essa é a atribuição do blogger e impede que tenhamos futuros problemas com eles.
A parte em roxo é só do seu blog,e a rosa é só sobre você.
Se você tiver um logo para o seu blog complete a parte em vermelho nos espaços indicados,mas se você não quiser criar o logo é só apagar toda a parte em vermelho **** atenção,apague somente a parte indicada,se você apagar mais do que isso,o código vai ficar errado.

Depois das modificações,salve.
Agora,vamos em Layout>Footer> Editar
Você vai perceber que agora existe a opção para Excluir,clique nela e confirme,dessa maneira,a atribuição que antes era do Blogger,será trocada pela nova.

Salve a organização e pronto,seu rodapé novinho está instalado :)
O meu ficou assim





Favicons
Sabe esse simbolozinho do blogger que aparece aqui em cima?!!
Vamos aprender a trocar ele?!
Primeiro de tudo,escolha um dos mingifs abaixo e salve no seu computador
                                                                                                                                                                                                             


Vá em Layout>Favicon>Editar



E abra o minigif que você salvou,espere carregar e Salve
**Se a imagem que você pegou não carregar,coloque ela no paint,recorte um quadrado com ela e salve normalmente,que vai funcionar
Fica assim (destaquei meu favicon na imagem,só pra mostrar como ficou,mas vai aparecer no navegador normal na parte de cima)




Esses sãos os tutoriais de hoje :)
Se quiserem acompanhar alguns sites que são recheados de tutoriais indico:
Blog da Nah
Camila's Designs
Mundo Blogger
Cherry Bomb


Espero que tenham gostado :)
Para ver como meu blog está ficando clique aqui
Até a próxima <3
Beijos

CONFIRA TAMBÉM ⬇

2 comentários

  1. Amei o tutorial! Já me ajudou no layout novo do DJS, rs.

    ResponderExcluir
    Respostas
    1. Que bom que gostou Vi :)
      Obrigada <3
      Fico feliz em poder ajudar rs
      Beijos ^.^

      Excluir

Obrigada por ter lido a postagem
Conte-me o que achou *--*
Deixe seu link nos comentários para que eu possa retribuir a visita <3
Se preferir para deixar seu link use
Esse código para comentar