Truques e Dicas de Informática
Hoje vemos botões de Like do Facebook por todo lado. Não seria óptimo termos também um Like/Gosto/Curtir nos artigos do nosso site? É uma excelente forma de ter novos visitantes! Vamos então aprender como colocar o código para o botão!
O resultado final é semelhante ao seguinte:
Já tens o novo botão do Google? O Google Plus 1?
Se queres simplificar, salta para o 8º passo.
Caso contrário vai à página de criação do botão de Like do Facebook.
Clicar em “Get Code”.
Ao aparecer a janela, copiar o conteúdo da caixa de texto de cima.
Colar o código no Notepad.
Com algum cuidado (um carácter errado e não vai funcionar), fazer as seguintes substituições:
src= por expr:src='http://exemplo.com por " + data:post.url + "height=??" por height=??"'por exemplo:
Código original:
<iframe src="http://www.facebook.com/plugins/like.php?href=http://exemplo.com&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
Código alterado:
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'></iframe>
Deixemos o Notepad de lado por agora…
Ir até ao painel de controlo do Blogger.
Clicar no link “Design” do blog pretendido.
Clicar no link “Editar HTML” (Edit HTML).
Fazer uma cópia de segurança do template actual (caso algo corra mal). Para tal, clicar em “Transferir modelo completo” (Download full template).
Garantir que “Expandir modelos do widget” (Expand widget templates) está activo.
Localizar o texto <div class='post-footer'> na caixa de texto.
(Para tal fazer CTRL+F e procurar esse texto.)
Copiar o código já alterado do 6º passo ou caso tenha alterado o código, copiá-lo do Notepad.
Logo após o texto <div class='post-footer'>, colar o código copiado.
Testar as alterações clicando em “Pré-visualizar”.
Se houver erros ou não estiver confiante, clique em “Anular Modificações” e páre por aqui. Faça as suas questões nos comentários caso isto suceda.
Se estiver tudo bem, clicar em “Guardar Modelo” e ver os resultados no seu blog!
Bom.. este deu algum trabalho mas valeu a pena!
Se quiserem também posso fazer uma versão para o WordPress!
Qualquer duvidem não hesitem!
Webtutoriais:077E63FD
Gostei muito, mas estava procurando um que o botão “LIKE” estivesse para o blog inteiro e não só para o post.
para tal terás de colocar no URL o teu site
kra tenho uma duvida, tenho um blog e consegui colocar o botao em todos os posts graças a este seu tutorial, o que queria saber eh se tem como eu linkar a minha fan page, ai quando alguem clica em like, aumenta um like na minha fanpage, eh possivel isso?
sim é possível. basta colocar como URL o link para a própria página de fãs no facebook
Tudo funcionando perfeitamente, tanto o de curtir quando de twitter, mas eu não sei pq o de curtir deixa um espaço enorme abaixo, até o próximo elemento.
Tirei o de twitter e o que vem a seguir é o post, mesmo assim fica um espaço grande. E não tem nada entre eles.
Já juntei os códigos ou coloquei um pontinho entre eles, ficando” > . < " e esse pontinho fica antes do botão seguinte (de twitter), ou da postagem.
E agora?
Queria saber mais detalhado em um video passo a passo se possivel, pois não consegui colocar o botão like
grato, rodolfo
Bom dia Luís! Creio que segui passo a passo a sua orientação, mas o botão não está a funciionar como eu esperava. Primeiro porque a partida, todos os posts apresentam o mesmo número, e ao clicar, não aparece a referencia no meu fecebook. Oquê terei feito errado?
muitoo bom , consegui de primeiraa . valew
pow mano valeu…muito boa a dica…
tá de parabéns…
Não consigo porque não sei o qué é Notepad
Alguem pode me esplicar??
o notepad é um editor de texto… pode usar o notepad ou qualquer outro sítio onde possa colar texto
uou excelente post, consegui de primeira. obrigado!!
nao consegui… nao apareceu nada… o que faço?
pow irmão valew ficou da hora demorei um pouco pra fazer mais ficou muito bom valew mesmo!
NÃO CONSEGUI, PARECE QUE ESTOU LENDO EM MANDARIM,RSRSRS.
Nossa..conseguii de primeira..Parabens..voce explicou muito bem. Haha..feliz aquui por ter conseguido..obrigada..ficou show. To fazendo um trabalho da universidade e esse seu tutorial me ajudou muuito. Beijos =*
Não consegui, não encontro o passo 15º, pode-me ajudar?
15º Passo
Logo após o texto , colar o código copiado.
Boa dica, já apliquei no meu blog e ficou muito bem. Obrigado e continuação de bom trabalho.
Valewu cara tiamoooo só n ti dou um beijo pq eu n quero
Não consegui, não tem a parte que é pra substituir,o que faço?
Olá!!
Deu super certo no meu blog. Obrigada!!
Att,
Luciana Sousa
http://www.saindo-pelomundo.blogspot.com
Caríssimo… de três sites que tentei pegar as dicas para o botão “curtir” o seu foi o que realmente se encaixou no que eu queria… Parabéns..
Só na parte “enviar comentário” o espaço não está aberto, está saindo uma lacuna muito estreita quase sem visualização… Tem como corrigir isso? Qualquer coisa dê uma conferida no blog..
Obrigada…
Deu certo!!! OMG!!! Consegui! =) Valeu!
Mas e se eu não quiser na parte infeiror ao post? Como faço?
Como faço para colocar o botão logo apos o titulo do post?
Obrigado
caraa muitoo bom e obrigado
Valeu mesmo!!! Ficou ótimo, de todos as dicas de outros sites que visitei o seu foi o único q deu certo!!!
Obrigada!!!
Dica simples e preciosa. Funcionou! Muito obrigado.
Como faço pra colocar na barra lateral? em baixo das postagens fica muito ruim.
isso varia de blog para blog…
Muitooooo bom!!!!!! Obrigada!!!!!!!!
Postagem show de bola!!! Me ajudou muito!
Obrigado e sucesso!
Deu trabalho mas é perfeito!!! Muito obrigada por compartilhar!!
Uma ótima semana!!
Regina
Esse tutorial foi ótimo, estava procurando um que fosse simples e nenhum pouco mirabolante e que fosse para cada postagem individual e não para o blog todo… Valeu!
Muito boa a dica, funcionou direitinho. Parabéns e obrigado !!!
É possível inserir uma ‘Invite Friends’ ??
Vlw brother perfeito !!!
Aah *-* . Meus parabens muito bem explicado , o primeiro site q. eu consegui aprender *–*; PARABENS . curti mt s2
Oi, eu tou criando um website para uma empresa. e eu queria colocar um botao de like nos varios produtos da empresa.
o que acontece é que quando eu coloco gosto num produto, imediatamente fica gostando dos produtos do site todo.
ou seja eu coloco o botao de like com o id de produto de diferenciador, mas depois ele acaba por so ir buscar o dominio e ficar com um gosto para a pagina todo, me fiz entender?
tem de especificar o url no atributo href do widget de like
Oi
Infelizmente eu fiz tudo mas n deu certo. Continua a n me aparecer nada. O q será q esta em falta???
Oiii.. No meu blog não funciona, o tipo de template influencia?