Gadget de instagram na sidebar

Boa tarde! Se você já conhecia o blog antes deve ter percebido que houveram algumas mudanças essa semana. Acho que todo designer entende como é, a gente nunca tá 100% satisfeito quando encara um trabalho nosso diariamente — o blog é o caso extremo. Eu tinha adorado meu layout, mas algumas coisas me incomodavam e ainda incomodam, então vou ajeitando com o tempo até me sentir pelo menos 90% feliz, (cara, acredite, quando se é designer 100% é quimera).

Pra montar o gadget do instagram na sidebar do blog (essa área a direita ou esquerda onde ficam os seguidores e outras informações) você vai acessar o SnapWidget. Ele é um quebra galho tão lindo que você só vai se preocupar em colocar as informações pedidas, e ele vai gerar o código pra você!

Quando estiver preenchendo você vai ter a opção de adicionar uma hashtag (#) ou o seu nome no insta (@), colocando o seu nome ele vai montar o widget com suas imagens, e colocando uma hashtag ele vai montar (e atualizar o widget) com as ultimas imagens EM TODO O INSTAGRAM que estiverem com essa tag.

Widget Type

Depois das informações básicas você vai definir o estilo do widget, o site disponibiliza 5 estilos. O Grid, (utilizado aqui no blog), Board (com informações e legendas), Scroling (um slide que desliza na horizontal), Slideshow (uma imagem só que vai trocando), Map (literalmente um mapa, das localidades, com as imagens).

Depois disso você vai definir o número de imagens, margens entre cada foto, se vai ter borda, cor do plano de fundo do widget,  efeito e outros detalhes. Acho que o importante pra ressaltar aqui é que você deve fazer um cálculo simples pra ficar legal na sidebar. Você tem que ter o tamanho, o daqui do blog é 300px. Se aqui tem 300px e eu quero três imagens com uma distância de 5px cada, então eu tenho 2 margens (entre as três fotos). Logo, 10px desses 300 são de margem, o resto 280 eu devo dividir por três (o número de fotos que eu decidi) e definir lá. Dessa forma ele vai ficar direitinho, sem ficar pequeno demais e sem ultrapassar os limites da barra lateral.

Feito isso, você pode dar um preview e depois gerar o código! Código gerado é só copiar o que tá na caixinha. Ir em Layout/Criar novo gadget/HTML e colar, salvar e Voilà! Está pronto! Qualquer duvida é só deixar por comentários, eu ajudo vocês! Beijinhos!

Esse post foi útil? 

Deixe seu comentário para que eu saiba!

Diário de Design - Print

"A vida pode ser cruel, mas só às vezes. Você está desistindo antes de começar."

Birdy - All you never say

Bom, quem acompanha o blog deve ter percebido que eu comecei essa série de colocar imagens com mensagens, e não, não estou fazendo isso a toa, haha. Acontece que nos ultimos meses me tornei "webmaster" de um coach Victor Hugo Soares, e o que eu faço é administrar a page do facebook dele, criar identidade visual, layout essas coisas. 

Bom, além de todas essas coisas eu costumo criar prints como esse acima, utilizando músicas, frases famosas (ou não) e coisas inspiradoras. E sempre que eu fizer um vou trazer pra vocês na tag do diário de design, como "print". E ai, gostaram? *-*

Quem não sabe o que é coaching pode acessar o blog dele, victoringcoach.com que lá tem tudo explicadinho. Eu to sendo responsável pelo layout e cuidados do blog então, se quiserem, podem opinar ^^

Enfim, ontem tive a marca de 600 views no dia, e quero agradecer muito a PURO e ao Victoring que me ajudaram com publicações e divulgação, por terem me dado essa atenção e terem acreditado no meu potencial de cuidado e ajuda. E agradecer a vocês que estão aqui me dando essa força... eu não quero estender isso, porque apesar de ser um blog pessoal, não quero que seja um blog depressivo! mas vocês não imaginam a diferença que faz nos meus dias ver que estou conseguindo fazer algo dar certo depois de tantos anos. Obrigada, de coração <3

E essa é a segunda versão daquele primeiro, qual vocês preferem?

Fiquem com Deus, beijinhos! *-* E, of course, deixem o link do blog de vocês no final pra que eu dê essa força também! 

- Tatá