domingo, 5 de maio de 2013

Como adicionar um botão "Curtir" no blog

figura_1.png

Nesta postagem vamos aprender como adicionar um botão "Curtir", como este acima, no blog. Não gosto muito desta palavra. "Curtir". Estranho, não é? Mas isso é uma outra história. Na página de Plugins Sociais do Facebook estão disponíveis, além do botão curtir, outros plugins, listados abaixo mas, por enquanto, vamos nos concentrar apenas na primeira opção (Like Button):

Obs: A adição dos outros plugins do Facebook é muito semelhante ao que será descrito aqui.




figura_2.png
Clique em Like Button. Em URL to Like (veja imagem ao lado) digite o URL do blog ou site onde você quer adicionar o botão. Desmarque (se quiser, é claro) a caixa Send Button para não incluir um botão Enviar. Escolha o Layout (Layout Style) e a largura do botão (Width). Se quiser, desmarque a caixa Show Faces. Escolha a fonte (Font), o esquema de cores (Color Scheme) e, finalmente, a palavra a ser mostrada no botão (Verb to display). facebook developers

Para obter o código clique em Get Code. Estão disponíveis quatro maneiras para incorporação: HTML5, XFBML, IFRAME e URL, mas vamos nos concentrar apenas no HTML5. Caso queira experimentar as outras formas de incorporação, escolha as opções como mostrado na parte superior da figura abaixo (algumas até mais fáceis de utilizar).


figura_3.png


Veja que o código é dividido em duas partes, cada uma deve ser adicionada ao blog no seu devido lugar. Vá em Modelo --> Editar HTML e procure pela tag <body>. Cole a primeira parte do código logo depois da abertura da tag <body> (segundo recomendação do Facebook). A segunda parte deve ser adicionada nos locais onde você quer que o botão apareça. Clique em Visualizar modelo, se estiver tudo certo, clique em Salvar modelo.

Por segurança, sempre faça um backup de seu template antes de qualquer modificação.



O autor
Minha foto Juarez Pereira
Unaí - MG, Brasil
Visualizar meu perfil completo

Nenhum comentário :

Postar um comentário