13/08/2016

Layout Responsivel Free para Blogger e Tutorial de Instalação

13/08/2016


Olá pessoal, tudo bem?

Ontem mudei o layout do meu blog, há tempos estava desejando realizar esta mudança, mas por falta de conhecimento e até mesmo por preguiça eu sempre postergava essa mudança.



Sei que para muitos como eu, uma simples troca de layout pode ser uma dor de cabeça danada, porque para quem não entende de códigos é muito difícil de mexer com HTML, então para facilitar a vida de vocês, resolvi fazer um tutorial do início ao fim, explicando detalhadamente como você pode mudar e personalizar o seu layout e também coloquei vários links de modelos para você baixar.

Pessoal, um layout bem feito e bem apresentado é tudo na vida de uma blogueira. Vamos aprender?



Primeiro de tudo: para que não tenham 1 milhão de blogs iguais por ai, sugiro que você faça o seu próprio Banner, isso irá personalizar seu blog e ficará a sua cara, diferenciando dos demais que possam usar o mesmo layout que você, ensinei aqui como se faz o Banner.



Feito o Banner, você precisa escolher um layout que melhor lhe agrade.
Abaixo deixo 10 modelos para vocês. Clicando em cada link, você será jogada para uma página onde é possível ver o layout em funcionamento em um blog de teste, ou seja, facilita muito para na hora da escolha. O primeiro e o quarto são os mais lindos na minha opinião.

 1 - Estilo Básico com Detalhe Rosa: 
Clique aqui



2 - Estilo Super Básico:
Clique aqui



3 - Estilo Básico com Slides: 
Clique aqui


 4 - Estilo Fashion: 
Clique aqui


5 - Estilo Moderno:
Clique aqui

6 - Estilo Revista: 
Clique aqui


 7 - Estilo Revista Minimalista: 
Clique aqui

8 - Estilo Básico com detalhe Pink: 
Clique aqui

9 - Estilo Revista com Detalhes Pink:
Clique aqui

 10 – Estilo Preto com Amarelo:
Clique aqui


Escolheu seu modelo favorito? Agora vamos baixa-lo em seu computador.

Perceba que no link que você escolheu aparece lá em cima um quadradinho verde escrito Download certo? Clique nele, e você será remetido para outra página. Nessa nova página, clique em “Download Free” (print abaixo).


Você será remetido para a página do download, aqui clique conforme a imagem abaixo, e baixe um arquivo zip.


Para extrair esse arquivo, siga corretamente os passos abaixo. Sugiro extrair para sua área de trabalho, assim fica mais fácil de localiza-lo.
 
Baixado o arquivo, vamos inserir o layout no blogger.

Abra o painel do blogger e nas colunas, clique em “Modelo” e depois clique em “Fazer Backup/Restaurar”, irá abrir uma janela.

Nessa janela, clique em “Selecionar arquivo” e localize o aquele arquivo que você extraiu na sua área de trabalho, feito isso, clique em “Fazer Upload”

Pronto! Se novo layout foi inserido, mas ainda não acabou!
Você perceberá que as colunas do seu antigo layout ficaram todas bagunçadas, então vá para a coluna layout do blogger, e comece a arrastar as colunas que estiverem fora do lugar, arrume os Gadgets que possam ter sumidos e por ai vai, isso é fácil de se fazer.


Seu blog está pronto, lindo e maravilhoso. Você pode parar por aqui, ou continuar a fazer alterações. Percebe que a maioria das palavras estão em inglês? Para alterá-las, vá em “Modelos” clique em “Editar HTML”, clique dentro da tela de texto e em seguida aperte junto as teclas ctrl F. Vai aparecer uma janelinha de buscas, lá você vai digitando as palavras que estão em inglês e as substituindo por palavras em português. Mas muito cuidado aqui, não altere nada mais porque seu layout pode parar de funcionar.

É isso pessoal, tentei ser o mais especifica possível, e se surgirem dúvidas podem deixar nos comentários.

Meu objetivo é ajudar o máximo de pessoas possíveis, então vamos compartilhar o post para ajudar os coleguinhas
Bjs!

31 comentários:

  1. Vamos ser bem realistas, 90% desses layouts precisam de mudanças no HTML porque quase sempre fica desconfigurado.

    ResponderExcluir
    Respostas
    1. Olha, se a pessoa souber fazer o download corretamente não fica todo desconfigurado não. A única alteração no html seria trocar algumas palavras do inglês para o português. Apenas os Gadgets saem do lugar, mas isso é tão simples de se arrumar. Bjs!

      Excluir
  2. Nossa, eu preciso muito de uma dica pro meu layout ficar responsivo, sabe como eu faço isso sem ter que mudar ele?

    ResponderExcluir
    Respostas
    1. Poxa, não sei viu. Teria que alterar todo o html dele, ai seria preciso você contratar um programador. De repente compensa até você trocar o layout e manter o banner atual. Bjs

      Excluir
  3. Realmente é uma grande dor de cabeça, tanto que tive que pedir algumas ajudas quando criei meu blog. Adorei suas dicas e vou guardar nos meus favoritos para o futuro.
    Beijos

    ResponderExcluir
    Respostas
    1. Demorei para aprender, apanhei muito no inicio também, rsrs
      Bjs!

      Excluir
  4. Faço o tipo preguiça e acabo investindo no layout com profissionais da área de comunicação visual. Seu post é ultra útil! Parabéns!!!!!

    ResponderExcluir
  5. Meu layout é deste site, mas realmente mexi muito nele pra ficar do jeito q queria. Tem post novo no blog. Vem conferir...
    Estilo.Quem tem?

    ResponderExcluir
    Respostas
    1. Esse é o melhor site de layouts né. Bjs!

      Excluir
  6. Simplesmente Adorei, Parabéns por compartilhar com quem precisa.. Atualmente o meu é free.. Nunca havia visto desses modelos para download.. Amei o 3 e o 4 em especial.. Bjs

    ResponderExcluir
  7. Justamente estou procurando um de slides por trabalhar com fotografia. Obrigada pela dica. www.kellyzarate.com

    ResponderExcluir
  8. Ótimas dicas! Uma mão na roda para quem está começando agora no mundo dos blogs. Beijos!

    ResponderExcluir
    Respostas
    1. Sim, gosto mto de ajudar quem precisa. Bjs

      Excluir
  9. Parabéns pelo post.
    Ficou bem explicado e é muito útil para quem está começando e para quem não tem muita prática.

    Bjs

    ResponderExcluir
  10. Oi!!
    Gostei da dica, mas tenho medo usar esses layouts. Uma vez perdi quase tudo do meu blog por causa de um layout free :(
    Mas hoje esta tudo bem :D
    Bjo

    ResponderExcluir
    Respostas
    1. Não tem perigo não. Faça um backup do seu layout atual, caso de algum problema é só vc instalar ele de volta. Se precisar de ajuda me chame. Bjs

      Excluir
  11. Nossa adorei essas dicas, ainda mais pra mim que sou uma iniciante nesse ramo. Gostei bjs

    ResponderExcluir
  12. Adorei as dicas, vai ajudar muitas pessoas :)

    ResponderExcluir
  13. Estou iniciando agora e você já me ajudou muuuuuuito!

    mas ainda preciso de ajuda rsrs

    ResponderExcluir
  14. ameii as dicas, e as escolhas de layout são muito lindoos

    ResponderExcluir
  15. Amei os layouts, as dicas, amei o blog!
    E logo vou fazer mudanças no meu.
    Parabéns!
    www.detudoentrelinhas.blogspot.com.br

    ResponderExcluir

Olá! Seu comentário é muito importante, críticas construtivas são muito bem vindas desde que feitas com educação. As perguntas serão respondidas posteriormente, então volte depois para saber a resposta ou ative a notificação de seu comentário. ❤ E por último, caso queira deixar o link do seu blog no comentário, use o código abaixo (sem espaços a partir do h) para que eu e minhas leitoras sejam direcionadas diretamente ao seu blog. Bjs!

< a href = " NOME DO SEU BLOG " > NOME DO SEU BLOG < / a >