Layout: Dicas

29 de jan de 2014

Na última vez que mudei o layout do blog fiz muitas pesquisas em busca de tutorias para melhorar a aparência e a funcionalidade do LC. E como sei que muita gente busca o mesmo tipo de conteúdo, resolvi compartilhar as melhores dicas que achei.

A maioria das dicas é para blogger (o motivo de eu ter saído do WordPress), mas alguns funcionam também em outros domínios.

1. Fotos recentes do Instagram

Para colocar as imagens recentes do Instagram ali na barra lateral do blog eu usei esse tutorial do Keep Calm and DIY. A Jéssica fez um tutorial bem explicadinho, super rápido e simples. Vale a pena ir lá conferir.

2. Colocando links em fotos (mapeando imagens)
     Esse eu demorei bastante pra conseguir achar, mas no final é muito simples, decidi fazer um mini turorial para quem quiser fazer.


1- Acesse o link https://www.image-maps.com/
2- Adicione imagem que deseja mapear (você pode usar um URL ou adicionar direto do computador) e clique em Star Mapping.



3- Após confirmar a imagem, abrirá uma nova janela. Clique com o botão direito do mouse e selecione a forma de seleção, pode ser um retângulo, um circulo ou poligonal.
4- Após definir a área digite o URL de destino. O link que deverá ser exibido ao clicarem naquela área.
Faça isso com todos links. (Não se preocupe se a imagem ficar em vermelho, é para mostrar a área que já foi mapeada)
5- Depois que terminar de mapear os links, clique novamente com o botão diretito e selecione Get Code


 6- Na nova janela clique na aba HTML CODE e copie o link do campo HTML Image Map Code.
7- Para colocar na lateral do blog basta colar o texto no Gadget "HTML/JavaScript". E pronto.





3. Ilustrações e Backgrond

Créditos do layout do LC:
A ilustração que serve de cabeçalho para o blog foi originalmente criada por Valfré.
Os ícones de redes sociais ali do lado são de autoria da Gabriela Couth.

Pra mim essa é a parte mais complicada e a mais gostosa também, em meio a tantas opções é dificil achar um só pra usar.
Eu gosto de pesquisar no Pinterest, DeviantArt, We Heart It e Favim, lá você encontra de tudo! Pra vocês terem algumas ideias, vou deixar alguns exemplos aqui: 




0 comentários:

Postar um comentário