{Blogosfera} Como Personalizar o Blog de Forma Fácil

Olá, pessoal! Tudo bem?

Hoje eu resolvi trazer para vocês um tutorial super simples, mas que salva vidas. Não sei se posso muito bem chamar de técnica isso que vou compartilhar com vocês hoje. Até hoje não encontrei em nenhum lugar alguém ensinando isso, nem aprendi durante meu curso de Web Designer. Aprendi na marra mesmo, com as tentativas e erros infinitos enquanto personalizava alguns blogs e confesso que uso até hoje.

Sabe quando a gente quer editar uma coisa no nosso layout mas não sabemos em qual parte no código HTML devemos ir e morremos procurando no google mas não encontramos nada?  Pois é! Acho que todo mundo já passou por isso pelos menos uma vez na via. Mas calma que eu vou te mostrar como resolver esse probleminha.

Essa dica também ajuda aquelas pessoas que, assim como eu, sempre esquecem qual parte no código HTML precisa ir para fazer tal edição sem precisar perder tempo pesquisando no google ou olhando anotações.

Primeiramente é importante lembrar que antes de fazer qualquer alteração no seu código é indispensável fazer um backup do seu layout pro caso de algo dar errado. Também vale a pena dizer que nem sempre esse método funciona, mas já me salvou 85% das vezes.

Agora chega de blá blá blá e vamos ao que interessa, não é mesmo?!

Para esse tutorial cheguei à conclusão de que usar exemplos seria o modo mais fácil de explicar, então vamos imaginar que você queira mudar a cor do título das postagens.

1. No seu blog coloque o cursor do mouse em cima do título da postagem;

2. Clique com o botão direito;

3. Vá em Inspecionar.

Depois disso abrirá uma janela na parte inferior da sua tela. Agora você vai precisar de um pouquinho de atenção para encontrar o código correto. O ideal é sempre clicar em cima certinho do elemento que você deseja editar, pois já abrirá o código dele na janelinha. 

1. Coloque o cursor do mouse em cima do último quadrado que irá aparecer na parte inferior de página, se o elemento que você deseja editar ficar selecionado, você está no código certo;

2. Você ainda pode ir no lado direito desse quadrado e testar em tempo real cores, tamanho, etc.

Você sempre irá se guiar pelo código que aparece quadro no canto direito da tela.

Agora que você já sabe em qual parte do código HTML você pode editar o elemento que deseja, neste caso a cor do título da postagem [.post-wrapper .post-title a:hover] você irá modificar o código HTML de fato.

1. Vá em tema;

2. Editar HTML;

3. Clique dentro do código e depois dê Ctrl+F para abrir a janela de busca;

4. Na janela de busca cole o código encontrado nos passos anteriores e aperte enter;

5. Você será levado a parte exata do código para editar o elemento que deseja.

Agora é só fazer a sua personalização se guiando pelos passos anteriores. Pode parecer muita informação, mas é super simples e, depois que pegar o jeito, se torna super rápido também.

Mudar a cor dos elementos é uma edição super simples que escolhi para usar como exemplo, mas com essa "técnica" já fiz personalizações das mais simples até as mais bicho de sete cabeça. O único segredo é treinar e aos poucos você vai criando seus próprios macetes para diversas formas de personalização.

Espero que tenham curtido a dica! Caso tenham alguma dúvida podem perguntar aqui nos comentários, ajudarei com o que estiver ao meu alcance. Ah, não esqueçam de me contar se deu certo com vocês também! Beijos!

Tá sabendo que tá rolando promoção aqui no blog? Não? Saca só! Quer concorrer a um layout personalizado? Então se inscreve aqui. Lembrando que o layout é apenas para plataforma blogger!