Hoje vou dar uma dica que acho legal por em sites onde o cliente precisa por uma foto do tipo on line. Exemplo ele tá em um evento e já quer que aquela foto saia no site.
Para isso vou usar um recurso fornecido pelo SnapWidget que é integrar o Instagram no seu site.
A idéia é o dono do site a partir do seu celular postar a foto no Instagran e a mesma já aparecer disponível no WebSite .
Acesse o SnapWidget clicando aqui.
Já na primeira página você já configura de como vai aparecer as fotos no seu website.
Para isso vá até "Customize your widget"
Em :
Username: Insira seu usuário no Istagram
Hashtag: Este campo é opcional você pode utilizar ou o nome do usuário ou a hashtag
Widget type: Você escolhe como quer que apareça no seu site. Você pode escolher no efeito e clicar em Preview logo abaixo dos campos para visualizar.
Vejas os efeitos:
Grid
Board
Scrolling
SlidShow (as imagens ficam trocando)
Map
No campo Widget type é a medida que aparecerá cada foto
Layout: Defina quantas fotos sendo coluna e linha
Photo Border: Yes se quiser uma borta e No se não quiser. Eu já prefiro inserir bordas diretamente pelo WebAcappella.
Backgroud color: Escolha a cor do funto. Para ficar transparente não utilize este campo.
Mas se quiser uma cor preste atenção: Clique no campo escolha a cor e copie o código resultante no quadro de cores e cole no campo Background Color:
Eu prefiro manter transparente e fazer o fundo diretamente pelo WebAcappella.
No campo Photo Padding você define em pixels o tamanho do espaço entre uma foto e outra.
Em Hover Effect você escolhe o efeito que vai querer quando o visitante do site parar o mouse em cima da foto.
Sharing Buttons: Você define se quer os botões das redes sociais ou não. É muito interessante dizer que sim. Pois por ali o visitante pode compartilhar a foto em sua rede sociais. Se você tem um site é porque quer divulgar.
Na opção Responsive se ativado ele vai ajustar de modo que se ajusta com o tamanho para dispositivo móveis. Então aí é com você. Se seu próprio site já for todo Responsivo interessante usar. Se você tiver uma versão do site para Web e outra para Mobile. Crie dois código uma para cada um.
Depois de tudo configurado clique em Get Widget
Ele irá criar o código para você:
Agora é simples.. Copia o código e no WebAcappella com a ferramenta INSERIR>>CÓDIGO HTML cole o código. E coloque onde você quiser no site. Lembre de ajustar a largura e altura na Ferramenta Código Html as mesmas que você definiu ao criar o código.
Um grande abraço e bom sábado para todos.
Nenhum comentário:
Postar um comentário
Observação: somente um membro deste blog pode postar um comentário.