como criar e adicionar etiquetas para o layout do blog

Sabe aquelas etiquetas dos blogs que denominam os gadgets de seguidores, arquivo, categorias etc? É fácil personalizar o layout do blog usando essas etiquetas ao invés de usar um simples texto. Basta se inspirar e o tutorial não exige alterações de html no modelo do blog, apenas se adiciona as imagens por meio de um gadget no layout do Blogger mesmo.

Para personalizar só é necessário refletir sobre as cores, fontes e formas pretendidas no conjunto do layout do blog. Usando PicMonkey, Picasa, Photobucket ou outro editor de imagens, é só carregar uma imagem em branco (como a imagem do programa Paint salva no computador) em um desses sites e trabalhar em cima. 

Verifique o tamanho da largura da sua barra lateral do blog (Painel do Blogger / Layout / Designer de modelo / Ajustar larguras) e considere ela para redimensionar a imagem da etiqueta que será personalizada.

Por exemplo, a minha barra lateral do blog tem 330 pixels de largura. Portanto, usarei essa largura para redimensionar uma etiqueta de seguidores. Vou redimensionar a imagem em branco então, para 330 pixels de largura x 40 pixels de altura.

♥ Dica 1: Redimensione a altura das etiquetas em até no máximo 50 pixels. Mais do que isso fica muito grande e desproporcional.

♥ Dica 2: Redimensione a imagem em branco desabilitando a opção de manter a proporção da imagem, afinal é uma imagem em branco. Não há nada a ser distorcido quando redimensionado.

Utilize os recursos do editor de imagens para personalizar as suas etiquetas. Retângulos ou só o texto sobre a imagem branca mesmo, elementos para decorar (corações, formas, mini logomarca...) 

E aqui vão mais dicas:

♥ Mantenha a mesma fonte, sempre da mesma cor e tamanho para dar uniformidade ao seu layout.

♥ Mantenha pelo mesmo motivo, a mesma cor de fundo em todas as etiquetas. Procure usar uma cor já usada no blog ou de tons parecidos.

♥ Cuidado ao escolher a fonte para o texto, para seu blog não virar uma salada de fontes e ficar assim, poluído ao invés de personalizado.

♥ Aproveite e repense que gadgets são realmente necessários no seu blog. Se ponha no lugar dos visitantes e veja a real importância dele estar ali, o quanto ele é indispensável ou não e se o seu blog está claro para quem visita. É um bom momento para repensar a necessidade de cada um.

Carregue a imagem em sites de hospedagem de imagens como o Photobucket ou Tinypic.

Copie o código abaixo e cole em um novo gadget aberto no layout (Painel do Blogger / Layout / Adicionar um gadget / HTML/Javascript ):

<div align="center"><img src="URL DA IMAGEM"></div>

- Substitua a palavra center por left caso queira a imagem da sua etiqueta ajustada para a esquerda ou right caso a queira para a direita.

- Substitua a mensagem em azul URL da imagem pelo Direct Link fornecido pelo site de hospedagem de imagens.

Agora é só salvar. Posicione os gadgets com as imagens das etiquetas já personalizadas imediatamente acima dos gadgets correspondentes (p. ex.: etiqueta do arquivo acima do gadget do arquivo). Visualize e corrija a organização dos gadgets e verifique se estão como gostaria. 

Caso queira mudar a aparência deles ou começar de novo, por se tratar apenas de um gadget e não interferir no html do modelo do blog, você pode refazê-lo ou até excluí-lo.

Dúvidas ainda? Deixe sua pergunta nos comentários abaixo ou escreva para costuramor@gmail.com.