Nesse tutorial mostrarei como criar uma página para que seus fãs possam curtir sua fan page através do seu blog, deixando-a com um aspecto diferente e personalizado

Primeiro criaremos o código, clique em
http://developers.facebook.com/docs/plugins/ e depois em “Like Box”.

No campo “Facebook Page URL cole a url da sua fan page, no meu exemplo é http://www.facebook.com/Cozinha.da.Marcela agora clique em “Get Code”

Vá na opção “Iframe” e copie o código que está no quadrado
Abra um bloco de notas para ficar mais fácil e cole o código gerado nele.

Agora iremos vincular a imagem que ficará, nesse exemplo, acima do atalho. Essa imagem pode ser personalizada da forma que você desejar. No meu exemplo fiz uma imagem simples no photoshop.

Agora vamos hospedar essa imagem num site da internet, estou usando o picasa on line.

Montagem do código:

Lembra do código que guardamos no bloco de notas? Vamos colar o código abaixo na parte de cima do código:

<code>
</code>
<div class="widget widget_text">
<div class="textwidget">

<img src="COPIE A URL DA SUA IMAGEM AQUI" alt="" width="325px" height="138px" />

</div>
</div>

Onde está escrito “COPIE A URL DA SUA IMAGEM AQUI” Cole a url da imagem que você fez upload para o picasa por exemplo.

Agora temos o código todo pronto, basta acrescentar ao blog:
Nesse exemplo colocaremos no blogger:

Vá em “Design”

“Acrescentar Gadget”

Vá em “HTML/JavaScript”

E cole o código abaixo:

Seu modelo ficará como o do exemplo: http://escritografa.blogspot.com/ e http://cozinhadamarcela.blogspot.com/

Quem quiser acompanhar passo a passo, segue o vídeo:

http://www.youtube.com/watch?v=jdh-Wbr3gg0

3 Comentarios Ate Agora.

  1. luis says:

    eu quero uma com ta para o facebook para eu fala com as pessoa

  2. Glauber says:

    Show Marcela!!!! Obrigado !!! Sucesso!!

  3. victor says:

    me ajudou muito viu marccela borde, obrigado

Deixe um comentario


Acompanhe Por Aqui



Pesquisar


Post Recentes

Software Livre na #CPBr7

Posted on Jan - 22 - 2014

0 Comment

Cadastre-se para cobrir a...

Posted on Dec - 19 - 2013

0 Comment

Aquecimento para Campus Party...

Posted on Dec - 3 - 2013

0 Comment

Publicidade

  • Anuncie Aqui!
  • Anuncie Aqui!
  • Anuncie Aqui!
  • Anuncie Aqui!

Apoiamos

Parceiros