TEMA: Redes Sociais
ARTIGO: Revisado e Melhorado
VERSÃO: WA 4 | WA RC
Coloque o botão curtir do Facebook no seu site de uma maneira bem simples. Em testes quando coloquei a url de uma Fanpage, automaticamente eu curti Fanpage. Porém os comentários demoraram um pouco a aparecer no meu perfil. Essa demora aconteceu também quando coloquei a url do site. Mas apareceu. Apareceu o comentário e a imagem que tinha configurado no Open Graph Facebook para o site.Legal neste código é que ao visitante clicar em Curtir, ele ainda comenta e seu comentário sai na sua linha de tempo.
Veja o print do meu teste:
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.webacappellashow.com.br/?fref=ts&layout=standard&show_faces=false&width=380&action=like&colorscheme=light&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:38px;" allowtransparency="true"></iframe>
APLICANDO NO WEBACAPPELLA 4
No WebAcappella, opção INSERIR>>CÓDIGO HTML cole o código alterado.
Como o não é mostrado o resultado Ativando a pré-visualização sugiro dar um título "Botao curtir" e clicando na régua configure as dimensões para largura 250 px e altura 38 px. Desta forma você terá a referencia da área de ocupação.
APLICANDO NO WEBACAPPELLA RC
Insira um box, ou subbox onde vai entrar o código html. No RC quanto mais subbox criar melhor será seu controle sobre a distribuição dos elementos.
Clique na opção HTML no menu e arraste até o drag/drop onde será inserido o código do botão
Dê duplo clique na área de html e insira o código modificado na tela que abrir
Inclua <center> no início do código. Isto para que ele fique centralizado no box.
Clique em Ok para salvar
Desta forma você trabalha com a largura com os recursos do Wa Rc e ele estará centralizado no box. Sentirá a diferença quando visualizar na menor resolução.
Prontinho. Espero ter sido útil.
Abraços.
