Jump to content

Botões do Facebook (Gosto, seguir etc.)


Jamonte

Recommended Posts

Olá

Desculpem a minha ignorância. Eu queria meter, inicialmente, numa pagina que criei um botão de "gosto". Eu ja fui a https://developers.facebook.com/docs/reference/plugins/like/ meto o link da pagina e obtenho o código mas depois não funciona :(

Já andei na net a tentar descobrir como fazer, e de facto la encontram-se os códigos mas continua a não aparecer na pagina. não sei se é por a pagina do site ter sido feita com um velhinho Frontpage ou assim.

Eu gostaria que fosse aquele botão onde aparecem as caras das pessoas que "gostam"

Se me pudessem ajudar eu agradecia, e mais uma vez desculpem a minha ignorancia

Link to post
Share on other sites
abolinhas

https://developers.facebook.com/docs/reference/plugins/like-box/

Já andei na net a tentar descobrir como fazer, e de facto la encontram-se os códigos mas continua a não aparecer na pagina. não sei se é por a pagina do site ter sido feita com um velhinho Frontpage ou assim.

Pois, muito provavelmente deves estar a utilizar o versão antiga do HTML, tens 2 opções:

1º - Migras a tua pagina para HTML5

2º - Quando clicas em "Get code" tens que copiar o codigo que esta no separador "IFRAME"

Link to post
Share on other sites

Obrigado. mas penso que isso já vai alem das minhas possibilidades :(

Quanto ao headers, CSS e JS não sei se terei de alterar alguma coisa. a pagina é mesmo muito básica. se pudesse meter o código aqui fazia-o mas o post fica muito grande

Bom, obrigado na mesma 👍

Link to post
Share on other sites

Acho que já fiz algum progresso já consigo gerar a IFRAME depois de copiar para o editor da pagina e se fizer pré-visualização a mesma até aparece. como se pode ver aqui:

http://img607.imageshack.us/img607/3826/cetoan.jpg

Mas depois de salvar as alterações fica assim online:

http://img849.imageshack.us/img849/9391/cetosde.jpg

Sabem como reparar tal "erro"?

Obrigado

Link to post
Share on other sites

Eu uso iframe, ainda tenho de quando aparecia o código em iframe:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftvdospobres&width=352&colorscheme=dark&show_faces=true&stream=false&header=false&height=256" style="border:none; overflow:hidden; width:353px; height:256px;" ></iframe>

Basta alterares:

http%3A%2F%2Fwww.facebook.com%2Ftvdospobres

pela tua página do facebook.

: corresponde a %3A

/ corresponde a %2F

Depois é uma questão de mudares também as medidas se quiseres.

Link to post
Share on other sites
abolinhas

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&height=62&show_faces=false&colorscheme=light&stream=false&header=false&appId=346280915472459" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe>

Este é o código original das api do facebook, altera platform (a negrito) pelo o nome da tua página

Edited by abolinhas
Link to post
Share on other sites

Lamento se me fiz perceber mal. Eu quero numa pagina web (Não do facebook!!) meter um botão "gosto". Não sei se estamos a falar do mesmo :-/ Dá para fazer isso?

Desculpem a minha falta de explicação pro que pertendia

Link to post
Share on other sites
abolinhas

Um botão gosto para a tua pagina / perfil do facebook, certo?

Se sim então é esse o código!!

Colocas este código na tua pagina web

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&height=62&show_faces=false&colorscheme=light&stream=false&header=false&appId=346280915472459" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe>

Só tens que alterar o que esta a negrito (platform) para o nome da tua pagina ou perfil do facebook

Edited by abolinhas
Link to post
Share on other sites
abolinhas

Ok, nesse caso precisas disto

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1&appId=APPID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.cetos.info/osimparaveis/tabelatotobola.htm" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>

Na parte do javascript tens que alrterar APPID pelo id da tua APP que vais ter que criar no Facebook

https://developers.facebook.com/apps/

Edited by abolinhas
Link to post
Share on other sites

Olá null

Eu introduzi este código na pagina web:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1&appId=126727707519827";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.cetos.info/cetencesnasuica/index.htm" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>
 

http://img29.imageshack.us/img29/5421/appxx.jpg

Mas continua a não aparecer nada.

Podes-me SFF. ver se esta algo errado?

Muito obrigado

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.