Cultura Digital Design, Foto e Video

Como criar um atalho “Curtir” do facebook no blogger

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

Você Pode Gostar Também

3 Comentário

  • Responder
    luis
    quinta-feira - 6 de setembro de 2012 at 11:35

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

  • Responder
    Glauber
    quarta-feira - 26 de setembro de 2012 at 12:26

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

  • Responder
    victor
    quarta-feira - 5 de dezembro de 2012 at 15:57

    me ajudou muito viu marccela borde, obrigado

  • Responder