skip to main | skip to sidebar

Dicas-Rapidas

Dicas rapidas de informática e sites bons na internet...

Pages

  • Início
  • Apostilas
  • Contacto

domingo, 31 de julho de 2011

Como Colocar o Botão Curtir/Recomendar do Facebook no Blogger

O Facebook é a maior rede social que tal você usar desta plataforma de rede social para divulgar  seu blog, está incrível rede possui muitos widgets e entre eles estes botões, de opinião e compartilhamento, eles são compatíveis com o Blogger graças a algumas modificações feitas pelo Blogger Plugins, Veja como inseri-lo no seu Blog:


 Para Adicionar o Widget, abaixo das postagens:


1º  Acesse o painel do Blogger(blogger.com)

2º  Vá em “Layout/Design” >>“Editar HTML” >> marque a caixa “Expandir Modelos de Widgets”

3º  Procure pelo seguinte trecho utilizando as teclas CTRL e F:

                                 <data:post.body/>

4º  Abaixo dele adicione o seguinte Código:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>  

Este código exibirá o widget apenas nas páginas de postagem, para exibir em todas retire os trechos em vermelho.

5º  Salve e visualize
 Personalizando o Widget
 Se desejar mudar o texto “curtir” para “recomendar” altere o seguinte trecho no código:
Substitua:

action=like
Por:
action=recommend
 Mudando a cor do Botão
 Para que seu Botão tenha um fundo cinza mude o trecho:

colorscheme=light
Por:
colorscheme=dark
Related Posts with thumbnails for bloggerblogger widgets
Postado por Musicas a todo vapor às 14:15:00 Enviar por e-mail Postar no blog! Compartilhar no X Compartilhar no Facebook
Marcadores: Dicas, Internet, Sites Legais, Tutorial

10 comentários:

  1. Unknown14 de fevereiro de 2012 às 14:36

    Muito bom...obrigada pela ajuda.

    ResponderExcluir
    Respostas
    1. Musicas a todo vapor9 de abril de 2012 às 03:16

      Obrigado Rosana Grasiele Pelo comentario

      Excluir
      Respostas
        Responder
    2. Responder
  2. Anna25 de março de 2012 às 04:35

    Obrigada, graças a sua ajuda,finalmente eu consegui!
    Anna

    ResponderExcluir
    Respostas
    1. Musicas a todo vapor9 de abril de 2012 às 03:29

      Ola Ana, grato pelo comentario.

      Excluir
      Respostas
        Responder
    2. Responder
  3. E. Souza11 de abril de 2012 às 17:47

    Não estou canseguindo... no meu não aparece nada... =/

    Algem pode me ajudar?

    ResponderExcluir
    Respostas
    1. Musicas a todo vapor17 de abril de 2012 às 04:12

      Ola E. Souza, Tenha atenção onde colocas o Código e ve se estais a seguir os passos direitinho. E uma dica, é bom sempre antes de fazeres alguma alteração no blog faça backup do mesmo, para evitar qualquer problema no blog. Vlw...

      Excluir
      Respostas
        Responder
    2. Responder
  4. Mônica Franco10 de junho de 2012 às 11:21

    Olá, gostaria de saber como faz para tirar. Estou tentando e não consegui!

    ResponderExcluir
    Respostas
    1. Anônimo23 de agosto de 2012 às 12:12

      eei' É só você entrar de novo no html procurar esse códico que ele pediu para vc procurar.Melhor ainda seria se vc tiver feito o backup de seu site, sendo assim preciso somente restaurar seu site com o ou ensinando a começar a fazer um blog do modelo. visite meu blog, comecei ele ontem e estou ensinando a fazer um blog no blogger do zero.
      http://www.melhorestutoriaisblogger.blogspot.com

      Excluir
      Respostas
        Responder
    2. Responder
  5. Lauren Canuto Vianna13 de junho de 2012 às 17:56

    Muito obrigada pela dica!

    ResponderExcluir
    Respostas
      Responder
  6. Pensamento Positivo30 de setembro de 2012 às 10:45

    Obrigado pela dica! porém no meu blog, quando clico em recomendar o botão se transforma em um pequeno link "confirmar" então tenho que clicar novamente ali.. porque aparece isso, queria recomendar direto.. alguém tem uma luz?
    Obrigado!
    Olhem:
    http://positivopensamento.blogspot.com.br

    ResponderExcluir
    Respostas
      Responder
Adicionar comentário
Carregar mais...

Postagem mais recente Postagem mais antiga Página inicial

Curta a nossa Página

Tradutor - Translator

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Mais Acessada na Semana

  • Criando um cabo crossover
  • Como desligar o computador da vitima pelo MSN
  • Como apagar o endereço de E-mail salvo em um Computador
  • Como Activar o Som no Call of Duty Black Ops II- Sem Som
  • Como Colocar o Botão Curtir/Recomendar do Facebook no Blogger
  • O que é um Lammer
  • Como colocar um contador gratuito que exibe bandeiras dos países dos visitantes

Divulgue o Dicas-Rapidas


Cadastra-se

Dicas-Rapidas Sobre:

  • Dicas (45)
  • Windows (32)
  • Tutorial (18)
  • Internet (16)
  • Dicas Hacker (12)
  • Hardware (7)
  • Facebook (6)
  • Redes (6)
  • Sites Legais (4)
  • Blogger (3)
  • Programas (3)
  • Dicas-Games (2)
  • Cursos Online Gratis (1)
  • Designer Grafico (1)
  • Macintosh (1)

Visitantes

free counters
Tecnologia do Blogger.

Arquivo

  • ►  2018 (1)
    • ►  junho (1)
  • ►  2017 (4)
    • ►  agosto (1)
    • ►  maio (1)
    • ►  janeiro (2)
  • ►  2016 (1)
    • ►  julho (1)
  • ►  2015 (5)
    • ►  setembro (1)
    • ►  agosto (1)
    • ►  junho (2)
    • ►  fevereiro (1)
  • ►  2014 (8)
    • ►  junho (4)
    • ►  abril (2)
    • ►  março (2)
  • ►  2013 (4)
    • ►  maio (2)
    • ►  abril (2)
  • ►  2012 (2)
    • ►  julho (1)
    • ►  junho (1)
  • ▼  2011 (44)
    • ►  setembro (4)
    • ▼  julho (2)
      • Como Colocar o Botão Curtir/Recomendar do Facebook...
      • Como apagar o endereço de E-mail salvo em um Comp...
    • ►  junho (1)
    • ►  maio (1)
    • ►  abril (9)
    • ►  março (4)
    • ►  fevereiro (7)
    • ►  janeiro (16)
 
Copyright (c) 2010 Dicas-Rapidas. Designed for Video Games
Download Christmas photos, Public Liability Insurance, Premium Themes