Como exibir um Pop-up Like Box do Facebook no Blogger

Uso aqui no [ Ferramentas Blog ] algumas vezes uma janela de fãs do Facebook que aparece logo quando o visitante chega na página, convidando-o para curtir nossa página no Facebook. É uma boa estratégia, um tanto quanto invasiva, mas eficiente para gerar mais seguidores e mais cliques de “Curtir”. Vou ensinar como fazer uma para o Blogger que não vai ficar incomodando seus visitantes.

Já tratamos aqui da importância de seu blog ter um página no Facebook, o que é diferente de um perfil pessoal. Para esse tutorial funcionar você precisa ter uma página do Blog no Facebook. Se não sabe como criar uma, nós te ajudamos:

O que vamos ensinar é como colocar um pop-up que abra na tela do Blog com a caixa de fãs do Facebook, sugerindo ao visitante que clique para “Curtir” sua página. Algo como no exemplo da imagem abaixo ou clicando no link para ver funcionando:

Blog de testes para ver funcionando o Pop-up do Facebook

O melhor desse recurso é que a janela só aparecerá uma única vez para o visitante até que ele limpe o cache do navegador, o que deixa o pop-up menos “chato”.

Esse recurso é em jQuery, baseado no Lightbox, modificado pelo Jack Moore, que chama “ColorBox”. Foi adaptado para o Blogger pelo Paul Crowe e eu mesmo fiz algumas alterações para tornar o código mais básico.

Se você gosta do [ Ferramentas Blog ] aproveite para curtir nossa página ou nos siga no Twitter, clicando abaixo:


.

Como adicionar pop-up do Facebook no Blogger

Tudo é bem simples de aplicar e o código é colocado dentro de um gadget (elemento de página) padrão do Blogger, o “HTML/JavScript”, como na imagem abaixo:

Na janela do Gadget – que pode ser adicionado em qualquer parte do Blog que não afetará a estrutura), você colorá o seguinte trecho de código só modificando o que for indicado.

O código é longo e tenha certeza de ter copiado corretamente, sem mudar nada além do que estamos ensinando.

<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://lh6.googleusercontent.com/-E9dVofW8BBY/T42WBJ5M22I/AAAAAAAAD_w/w7AL0l9gVKk/s40/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://lh5.googleusercontent.com/-ibVOtcbbUyU/T42WNcii6_I/AAAAAAAAEAE/Mrplo9QsPks/s32/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='http://yourjavascript.com/1029251148/jquery.min.js'></script>
<script src="http://yourjavascript.com/1141272178/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"350px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<center>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FnomePaginaBlog&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
</div>
</div>

No final do código tem marcado de vermelho nomePaginaBlog. Todo endereço de página no Facebook tem um nome. A do [ Ferramentas Blog ] por exemplo é:

http://www.facebook.com/BlogFerramentasBlog

Exatamente aquilo é o nome da página que deverá ser colocado onde indicamos no código.

Feito isso é só salvar e visualizar funcionando no seu blog. Lembrando que a tela só aparecerá uma vez no navegador até que você limpe o cache.

As dimensões do elemento são padrão, mas você pode modificar manualmente trocando as medidas indicadas de verde no código.

183 Comentários

  1. Sem dúvidas esta dica é tudo de bom.

    Já usamos esta estratégia a uma semana e são impressionantes os resultados.
    Para se ter uma idéia, antigamente era uma média de 3 a 8 pessoas por dia que curtiam nossa página no face. Depois que colocamos a Pop-up Like Box este número subiu para uma média de 60 à 80 por dia.

    Vale a pena fazer.

    Responder

  2. Oi, Marcos.

    Instalei o script no meu blog. Deu tudo certo, exceto por uma coisa que acontece no Chrome (no Firefox está ok): a parte inferior da janela pop up fica encoberta por um vídeo do YouTube que há na minha última postagem. Com isso o botão “x”, no canto inferior direito para fechar a janela, se torna inacessível. Mas basta clicar em qualquer parte da página fora da janela para ela sumir, então não há muito problema.

    Abraço!

    Responder

  3. Marcos obrigado por compartilhar isto conosco foi de grande utilidade. Gostaria só de perguntar se há algum problema em usar este código com o Adsense ou não tem nada haver com popunder

    Obrigado

    Responder

    • Thiago,
      Eu concordo que, do ponto de vista da maioria dos visitantes, isso é meio chato. Mas não podemos descartar por completo já que é uma estratégia para conseguir mais seguidores.
      O que não pode acontecer é usar de maneira agressiva e constante. Desde que a janela seja fechada e não fique abrindo mais, já resolve.

      Responder

  4. Olá Marcos!
    Instalei no meu blog, limpei os ccookies no mozila, mas a janela não apareceu. Pode me ajudar?
    Desde já agradeço a forma como você tem contribuído para a evolução da blogosfera.Abraço.

    Responder

  5. Refiz o processo várias vezes Marcos,infelizmente não deu certo. Pode haver algo no meu código html bloqueando o funcionamento da janela?

    Responder

  6. Eu fiz todo o processo mas quando entra no site da um erro esse abaixo :

    Could not retrieve id for the specified page. Please verify correct href was passed in.

    Responder

  7. Olá Marcos, coloquei no meu blog e de início funcionou tudo corretamente, porém depois notei que o Slide parou de funcionar devido a instalação do PopUp, retirei o PopUp e o Slide voltou ao normal.

    Sabe uma maneira de arrumar esse problema ?

    Obrigado!

    Responder

  8. oi marcos eu so queria saber sid a pra por no blogger pq quando eu ponho no meu da poblema aparece isso Could not retrieve id for the specified page. Please verify correct href was passed in.

    Responder

    • Leo,
      Esse modelo é para o Blogger.
      Verifique se você não apagou nada errado no código que demos. tenha certeza de só modificar o que está indicado. O erro que você apresentou é exatamente por conta de algo que você mudou errado.

      Responder

  9. Adoro seu blog! Sou sua fã!
    Deu super ceto, obrigada!

    Procurei feito doida na net por pop up em javascript com o ligthbox igual a este do plugin do facebook e não achei nada, se souber…

    Bjs

    Responder

  10. Olá,
    no meu deu certo, porém o plugin aparece somente uma vez em cada computador.
    É possível colocar toda vez que a pessoa visita o site, como aqui no Ferramentas Blog?

    Responder

    • Elijonas,
      Como está explicado no tutorial acima, o Pop-up aparecerá apenas uma vez para o visitante a cada ciclo de limpeza do cache do navegador. Aqui no [ Ferramentas Blog ] ele só aparece a cada 24 horas. O ideal é que apareça poucas vezes para não irritar o visitante.

      Responder

  11. Muito bom, gostei, porem gostaria de fazer o popup aparecer a cada 24hs para o mesmo computador sem precisar apagar os cookies.

    Responder

  12. Olá Marcos, boa noite!

    Segui o seu tutorial corretamente, colocando o endereço da minha página no Facebook e tudo mais. Quando o pop-up abre em meu blog, da o seguinte erro:

    “Could not retrieve id for the specified page. Please verify correct href was passed in.”

    Minha página no Face esta okay, fiquei sem entender.

    Abraços.

    Responder

  13. Ola cara, estou usando este pop-up no meu blog de teste e notei que ele não desce junto com o mouse quando descer é normal isto? Tem como mudar pra ele descer com efeito jquery?

    Responder

  14. Marcos tudo bom? teria algum meio de diminuir a expiração do cookie ? para 48 horas ? ou 72 horas ? eu vi que o valor abaixo refere-se a a expiração do mesmo .

    var fifteenDays = 1000*60*60*24*30;

    se eu reduzir para var fifteenDays = 1000*60; seria menor o tempo de cookie?

    Responder

  15. Para quem não conseguiu por pelo Java/HTML do elementos da Página,
    Eu tentei por o seguinte:
    O Código de cima, eu pus dentro do <– Todo o Script ai dentro..

    E o código do bloco do facebook, dentro do o ultimo bloco do face ai dentro.
    Espero ter ajudado, funcionou comigo ;)

    Responder

  16. Coloquei em meu blog, mas ao fazer isso, o slide, e o sub-menus pararam de funcionar, ai precisei tirar. Quando tirei, voltou tudo ao normal, que pode ser isso? Obrigado!

    Parabéns pelo tutorial, muito bom mesmo!

    Responder

  17. Galera quero imformar á vcs que se ñ pegar no adicionar um gagster..
    Vai em Modelo Editar Html em baixo vai ter esse nome aée preste bem atenção marque Expandir modelos de widgets e aperte ctrl + F e digite coloque acima o codigo obtido pelo site para se previnir visualiza primeiro blzz aé se tiver aparecendo salve.
    Bom aé espero que tenha Ajudado pois niguem me ajudoou kkkk fui

    Responder

  18. Quem quiser que apareça todo dia é so substituir a linha:
    1000*60*60*24*30;” para 1000*60*60*24*1;
    So modificar o ultimo numero representando quantos dias quer q apareça..

    Responder

  19. Marcos, estou tentando modificar as dimensões indicadas em verde, mas a parte de dentro (onde tem as fotos dos que já curtiram) fica com uma barra de rolagem orizontal. Será que nao teria como resolver isso?

    Responder

  20. É uma pena, pois no meu blog, quando pus essa janela ela funcionou mas o slider de destaque deixou de funcionar. Há alguma forma de contornar a situação?

    Responder

    • Erik,
      É comum alguns recursos terem conflito nos códigos.
      Por isso é importante testar e decidir qual o melhor para seu blog quando isso acontecer. Infelizmente não dá para evitar certos conflitos.

      Responder

  21. Marcos,
    Parabbéns pela iniciativa desse conteúdo. Porém estou tendo um problema em minha template, o topo dela é formado por slides de imagens. E qdo instalo esse Gadget, do poup up do face, as imagens travam. Existe possibilidade de alguma informação a mais, que poderia me repassar.

    Antecipadamente grato pelo seu apoio.
    Fraternalmente,
    Ivan

    Responder

    • Ivan,
      Estamos testando alguns códigos novos para evitar esse tipo de conflito com outros códigos que já existam nos blogs, por enquanto não tivemos bons resultados.

      Responder

  22. Olá,parabéns pelo script muito bom, ha deixando uma dica aqui ta faltando colocar um http: nessa linha ae que vo ta deixando quem tiver plb pode ta corrigindo isso ae valeu.

    <iframe src="//www.facebook.com/

    so deixar assim :<iframe src="http://www.facebook.com/

    Responder

  23. Perfeito Marcos!
    Funcionou perfeitamente no meu blog. Agora tive a certeza de que estou em um do melhores blogs da internet.
    Parabéns pelas dicas e tutoriais.
    Abraço e sucesso!

    Responder

  24. Oi, Obrigado pelo tutorial. Funcionou perfeitamente no meu blog. Agora, uma pergunta, este código só funciona para Fan Pages do facebook, correto? Existe algum código deste tipo que possa ser utilizado para a página pessoal do facebook?

    Abraços

    Responder

  25. Oi Marcos, vi que você colocou o box de seguir do Twitter e do Google Plus junto como o do Facebook aqui no Ferramentas. Vc poderia fazer um tutorial de como implementar isso se possível? Abraço…

    Responder

  26. Valeu cara, escolhi seu tutorial pois não precisa mexer no código fonte e, assim, fica mais fácil de desinstalar se precisar de atualizar. Só queria saber se pesa no carregamento do Blog?
    Outro fator para ter escolhido seu site é que admiro seu trabalho e te acho um dos melhores na área.
    Abraço

    Responder

  27. Cara, não sei o que seria de mim sem Vocês.
    Meus Parabéns.
    A maior parte das modificações, widgets, etc, que já fiz no meu blog, foi graças a vocês.
    Continuem progredindo sempre dessa forma, Valeu.

    Responder

  28. Marcos, Boa Noite, eu estou com um problema, quando eu adiciono a caixinha pop up curtir no blog, o slider fica estático, quando eu removo o código pop up, o slider volta a funcionar normalmente, o que eu faço para resolver este problema? Obrigado.

    Responder

  29. Olá Marcos,
    Como o meu blog já tem um slider em jQuery, o sistema “entra em conflito” e os slides acabam não funcionando corretamente. Há alguma opção alternativa de pop-up likebox que só abra uma vez como o seu para eu inserir no blog?

    Responder

  30. Marcos,

    não tive muitos problemas com meu slider. eles apenas perderam a animação da transição. mas um problema que encontrei é que não consigo fechar o popup. só consigo fechar se eu clicar no link inicio e ai ele recarrega a pagina. tem alguma forma de contornare isso?

    se nao houver, existe alguma outra solução de popup que não conflite com o slider?

    obrigado e aguardo

    Responder

  31. Excelente!
    Serve, tanto para BLOGS, quanto para SITES..
    Muito bom, procurei bastante artigos sobre isso, mas nenhum foi tão bom quanto o de vocês, continuem assim, já compartilhei e recomendei aos amigos, abraços!

    Responder

  32. Pingback: PopUp com Likebox do Facebook para Blogger – Modelo novo | Otimizando Blog

  33. Segui as instruções cuidadosamente há cerca de uma hora, mas não apareceu a caixa de curtir do Facebook no meu blog. Aparece apenas o título do gadget (coloquei “Curtindo o Semioblog”).
    O que deve ter saído errado?
    Obrigada.
    Rilva Muñoz

    Responder

  34. Se eu quiser alterar a opção de aparecer novamente somente se limpar o cachê, ou pelo menos, aumentar a frequência que apareça ao mesmo usuário, é possível? Se sim, como?
    Muito obrigado.

    Responder

    • Rodrigo,

      é possível no código dos arquivos do JavaScript. Se você conhece os códigos e tem onde armazenar os arquivos, pode modificar como preferir, mas não recomendamos que o pop-up apareça mais do que isso.

      Responder

        • Davi,

          como respondi em outros comentários, será preciso saber mexer no código do JavaScript e hospedar novamente os arquivos. Mas só recomendamos isso para quem tem conhecimento de códigos.
          Além disso, não é bom que a janela abra sempre, pois é chato para os visitantes. Você pode perder visitas por causa disso.

          Responder

          • Na linha “jQuery(document).ready(function(){
            if (document.cookie.indexOf(‘visited=true’) == -1)”

            Troque o ‘visited=true’ por ‘visited=false’

            It’s done, só isso já deverá fazer funcionar como você quer…

            Responder

  35. Obrigado pela informação!!! Mas tem a possibilidade dele aparecer só quando a pessoa sair do blog? Acho meio estranho a pessoa curtir sem nem saber se vale a pena, muitas vezes eu só curto o site depois que me valeu a pena o que li!

    Obrigado!

    Responder

    • João,

      existem códigos que exibem e reabrem janelas quando o visitante sai da página. Não é muito recomendável por ser muito invasivo. Entendo sua preocupação, mas o pop-up tem um efeito positivo. Uma dica é que você coloque também em outra parte do blog a janela do Facebook. Desse modo, se a pessoa ainda não conhece seu blog o suficiente para ser fã quando abrir o pop-up, se ele gostar, verá a mesma opção na barra lateral.

      Responder

  36. Parabéns Marcos,

    Excelentes dicas, uma pop-up da like box do facebook é fator necessário para aumentar o números de divulgadores de um trabalho. Como sempre podemos encontrar as melhorias dicas aqui no ferramentas blog.
    Sucessos sempre,

    Responder

  37. marcos da onde eu vou copiar o codigo para colar no gadget do java script,vc nâo està dizendo que tenho que digitar aquele còdigo do tamanho do mundo e digitar ele no espaço da caixa do gadget para salva-lo nâo è?

    Responder

  38. Oi, seguinte: Coloquei o Pop-up para aparecer somente nas postanges, já que a maioria dos usuários vem do Google e outros, deixando a home mais “limpa”. Porém, esta aparecendo para o mesmo usuário várias vezes, ou seja, cada postagem que ele lê o Pop-up aparece, o que deveria ser somente na primeira postagem. Se poder me ajudar por favor.

    Obrigado

    Responder

  39. bom cara eu consigui e otimo exelente.., mais tem um unico plobeminha q nao a torna perfeita

    eu entri uma vez em um site e ele tinha esse mesmo esquema de divulgar a page do facebook com esse like box

    mais a diferenca e que a dele o like boz estava escrito

    “curta a pagina ou espere 90 segundo”

    poxa como eu faço isso a pessoa nao entra na pagina enquanto nao curtir ou nao passar os 90 segundo como fazer isso ?

    otimo post parabens :D

    Responder

  40. Olá, toda vez que eu tento adicionar esse código no meu blog, o slide do blog fica bugado, ele para de exibir as fotos. Só volta a exibir quando eu retiro o codigo do pop up do facebook. Como faço pra deixar os dois?

    Responder

    • É possível usar tranquilamente códigos combinados, só é preciso algumas adaptações. Normalmente o que gera conflito e acaba fazendo um dos scripts parar de funcionar (principalmente se sua técnica de programação é baseada em ctrl C + ctrl V) são funções duplicadas. Da uma olhada se o slider não tá chamando o jquery.min.js (mais provável) ou jquery.colorbox-min.js (menos provável), se sim, é esse o problema, dai basta apagar a linha que já foi chamada.
      Se não entendeu nada do que eu disse, você pode fazer um teste apagando a linha “” do código do pop-up, mantendo o resto e rodando no site. Caso não dê certo: coloca-la de volta e repetir o processo tirando a linha “” e se ainda assim não der certo, fazer sem as duas linhas. Se o problema for o que eu disse, nesses testes você já perceberá os dois scripts funcionando juntos =)
      Espero ter ajudado

      Responder

  41. Marco Lemos, funcionou no meu blog perfeitamente.

    A única diferença é que tenho um autoresponder num servidor de hospedagem e para receber o ebook grátis coloquei um formulário de inscrição.

    A dica que vou passar é muito útil também: caso você queira pode colocar qualquer código HMTL para ser exibido como esse pop-up e não só o botão curtir do facebook. Você pode colocar um sistema para a pessoa receber emails do Feedburner com os feeds do seu blog, ou um autoresponder (caso use um) ou ainda ícones para as principais redes sociais ou o download de algum ebook ou aplicativo, enfim a criatividade é infinita.

    Como fazer? Simples: no final desse código existe o código do facebook que está entre e . Simplesmente tire tudo que está entre esses códigos (tire também o próprio Iframe).

    Abraços e obrigado pelo código :)
    Grande abraço,
    Cheferson Amaro

    Responder

  42. Marcos,saudações!
    Tenho acompanhado seu trabalho, está de parabéns.
    Instalei o código acima, congelou a tela, fechei no X do Popup, mas , quando entrou na minha página principal ficou um tanto bagunçado o título do meu Blog está repetindo junto a minha última postagem. Olhei o código HTML, mas não entendo das linhas, então , fiquei na mesma. Teria algo relacionado, alguma relação com esta inclusão e tenha alterado o código HTML principal? Não tenho backup da minha página
    Se puder me dar uma orientação eu agradeço, acima deixei o link do meu blog, se por acaso eu encontrar uma solução antes de vc. responder eu aviso, mas, creio que está dificil,pois já garimpei a procura e nada.
    Atenciosamente,
    João Alves.

    Responder

  43. Tentei usar esse código só que tive problemas, o código funcionou perfeitamente porem, tenho um Slide no topo do blog e ele trava quando to usando esse código, é só retirar o código que ele volta ao normal, vc sabe porque isso acontece?

    Responder

  44. Olá, tenho um blog tumblr mas não tenho uma página no facebook criada para ele, tenho apenas um plugin no blog com o botão curtir. Teria como eu usar esse pop up sem ter que começar do zero? Meu plugin no blog tem mais de 900 likes :/ Grato!

    Responder

    • Bruno,

      Esse modelo de Pop-up foi desenhado para Blogger e não sei se funcionaria no Tumblr.
      As curtidas da página continuariam contando, mas o modelo que apresento aqui é para gerar fãs de página.

      Responder

  45. Olá amigo bom dia! Tenho um pequeno probleminha no meu blog, toda a vez que insiro um script ou codigo com essa finalidade, o meu slide sempre para de funcionar, pode me dar uma luz? Desde já agradeço! Admiro seu trabalho, sucesso!

    Responder

  46. Marcos, existe a possibilidade de fazer com que a box apareça toda vez em que se entra no blog? Preciso que apareça três opções, uma abaixo da outra, já fiz isso, falta apenas fazer com que apareça a cada vez que entro no site. Obrigado, aliás, ótimo post.

    Responder

  47. Olá, Marcos!
    Essa dica foi muito boa pra mim, funciona perfeitamente e a utilizo há muito tempo.
    Porém, será que esse Pop-up pode prejudicar o posicionamento do Google ou não tem efeito nenhum sobre isso?

    Parabéns pelo FB.

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.