Como personalizei o layout do meu blog

Reprodução: Iso Republic (edição: Fernanda Gurniak)

Caro leitor, como prometi a vocês no texto "o que nos impede de evoluir", como desenvolvi este template e onde encontrei as dicas para a minha personalização. Este foi o primeiro post da nova aparência do meu blog e estou muito feliz por ter alcançado o meu objetivo. Segue abaixo segredinhos, agradecimentos, sugestões  e muito mais. Além disso, os blogs citados no post são de blogueiras brasileiras que compartilham dicas, ideias, novidades, tutoriais para a personalização de sites  ajudando a realizar nossos sonhos.

Criar uma conta no Blogger ou Wordpress não é difícil pelo contrário, é fácil. Mas, o nome do blog deve ser definido com paciência usando a criatividade para atrair leitores no seu site. Defina os  assuntos para os posts e as categorias assim você não se atrapalha para escolher o nome da página, esta é outra sugestão. Entretanto, seja ousado e criativo sem limites, pesquise sem copiar nada de ninguém esse será o seu diferencial entre a concorrência. Atenção: jamais esqueça de creditar as fotos, imagens, códigos ou templates prontos de outros sites porque contém direitos autorais e a pessoa pode revindicar. 

Quando criei o meu primeiro blog ele tinha uma aparência simples escrevia os posts sem marcadores e achava lindo, aliás, quem me incentivou a escrever foram os professores do curso de jornalismo. Isso me ajudou muito a desenvolver o meu texto principalmente para os meus trabalhos acadêmicos isso é fascinante. Entretanto, procurava algo diferente tinha o desejo de padronizar desenvolver um site interessante e clean com a minha identidade. Fiz várias pesquisas na internet, assistir diversos tutoriais, porém não encontrava o que procurava os códigos para mudar a aparência do meu template.
Na minha pesquisa incansável encontrei um site completo com dicas para personalização de blogs ensinando passa a passo. Apresento a vocês o site da Elaine Gaspareto. Acesse aqui. Ela ensina a personalizar desde o template base até o download de um template pronto da internet se você não tem paciência para fazer o seu próprio layout. 

Aprendi vários códigos através desse site e videoaulas disponibilizados por ela e quando tenho alguma dúvida deixo alguma mensagem e sou respondida com carinho. Considero como se fosse uma amiga blogueira e fico muito feliz por ter a oportunidade de aprender com ela. 

O "cabeçalho" do meu site foi inspirado nas orientações dela e editei tudo usando o Photoscape. Este é um programa simples e leve de edição do imagens não vai pesar o seu computador. Download Photoscape

Já as "tags coloridas", também aprendi em um tutorial no site da Elaine pesquise lá. Acesse aqui o tutorial completo! Pesquise também por "tags" ou "marcadores" com certeza encontrará mais sugestões para deixar o seu site diferenciado.

Conheça a tabela de cores aqui

As "postagens mais vistas" pode ser facilmente personalizada alterando o código HTML do seu blog. Confira neste tutorial no site da Elaine!

Para inserir o "menu Dropdwon" com sub-abas abaixo do cabeçalho alterei as cores para combinar com o meu template e ficar discreto. Seja criativo, mude as cores do seu também. Veja no tutorial Menu Dropdown: clique aqui

Adicione o "Instagram" no rodapé do seu blog ou site. Códigos e tutoriais

Muito obrigada Elaine pela sua orientação sem você este sonho não seria possível! 

Vamos lá, a "newsletter" usei as dicas e me inspirei no Blog da Rocky. Acesse aqui 

Este site também é sensacional repleto de dicas e tutoriais ensinando todo tipo de personalização.

Seguindo as dicas e pesquisando no blog dela encontrei "Perfil da blogueira com nome personalizado". Se trata da foto do perfil arredonda ou quadrada com o nome da blogueira em destaque. Confira o código

Já as "redes sociais", abaixo do meu nome personalizado com a descrição e apresentação adicionei separadamente como ensina o blog Follow your Dreams. Visite agora!

Código redes sociais

Encontrei no site da Renata Massa, acesse aqui um código muito simples para o "botão voltar ao topo". Não há necessidade de mexer no código html porque apenas adicionando um GADGET ou WIDGET você consegue o mesmo resultado.  Código do botão voltar ao topo: clique aqui
É muito simples  siga as instruções da Renata e o seu blog ficará lindo!
Este botão desenvolvi utilizando o programa Photoscape já deixei disponível para download no início do post pra vocês. 

Considero todos estas blogueiras amigas e parceiras do blog porque graças as preciosas dicas delas realizei o meu sonho de ter um blog bonito e diferenciado.

Os seus problemas acabaram conheça o ThemeXpose um site repleto de templates responsivos gratuitos para deixar o seu blog com uma aparência profissional. Download
Tenha uma ótima sexta-feira.