Dicas para blog l Ajeitando o layout 1 l Barra lateral

Olá, meninas e meninos, hoje senti necessidade de iniciar uma espécie de série de posts onde vou dar algumas dicas de como deixar o blog legal sem ter muito money para investir. Meu blog está sendo melhorado por mim aos poucos. Inicialmente, encontrei material na internet que me ajudasse, porém, depois não consegui e precisei me virar. Por isso quero compartilhar um pouco do que tenho aprendido com quem vai começar um blog agora ou pretende melhorar o seu. ❤

Bem, para início de conversa, vamos precisar ter o Photoscape instalado no computador.

Hoje, a dica é de como deixar a barra lateral com uma aparência mais interessante, substituindo os títulos que fazem parte do modelo do blog por imagens que você mesmo elaborou.





1. Faça sua imagem de substituição de título.

Bem, o primeiro passo é criar uma imagem com a sua cara. Você terá total liberdade para escolher altura, largura, cor e estilo, desde que se adeque à barra e não ultrapasse os limites ou seja pequena demais. Para facilitar, confira no seu modelo o tamanho da largura que você definiu para a barra lateral.

Crie sua barra usando um programa de edição de sua escolha, eu uso o PhotoScape, que é gratuito. Preste sempre atenção ao tamanho da imagem. Não use cores muito destoantes das cores usadas no blog, nem faça uma tarja muito alta. Opte por, no máximo, 60 px de altura.


2. Salvando e hospedando a imagem.

Salve a imagem em formato PNG, que permite uma melhor qualidade, e hospede no TinyPic. Marque a opção "Enviar por e-mail", pois caso aconteça eventuais problemas, você terá a tarja salva.


Feitos todos os procedimentos, copie o link da guia "HTML para sites".


3. Usando no layout do blog.

Clique na guia "Layout", já no menu do Blogger, e, posteriormente, em "sidebar-left-1" clique em "Adicionar um Gadget". Selecione a opção "HTML/JavaScript" e siga as seguintes instruções:

  1. Cole o link na caixa "Conteúdo".
  2. Deixe a caixa "Título" em branco.
  3. Delete as partes que conferem com as selecionadas na imagem.
  4. Salve.




4. Colocando no lugar certo e salvando.

Após criado, arraste o gadget uma posição acima do conteúdo ao qual se refere.

Exemplo: Se você criou um gadget que se refere às postagens populares do blog, arraste para cima deste. 

Limpe a parte do título do gadget de conteúdo e salve.

Salve as alterações de layout.




Visualize seu blog e confira se a imagem está no local certo. Se tudo estiver ok, repita o procedimento com os outros itens.

Bem, espero ter ajudado, de verdade. No próximo post referente a dicas para usuários do Blogger, vou ensinar de um modo facílimo a criar botões simples, como os que uso na guia "Socializando". Sem uso de programas e ferramentas rebuscadas, como aconteceu neste post.

Beijinhos, até as próximas dicas! Continuem visitando o blog, logo teremos postagens bem bacanas referentes à intercâmbio, saúde e muito mais! ❤