Colocar Pop Up para Divulgar Pagina de Fãs do Facebook no Blogger

Criar uma janela de divulgação (pop up) da sua pagina do facebook no seu blog é fácil de fazer você só precisa colocar um código HTML no seu blog e pronto. Já aparecerá a sua caixa de fãs do facebook como um pop up sobre a pagina do seu blog com aquele estilo lightbox usado nas imagens. Mas você pode ver também como Criar uma Janela de Divulgação no blog para usar com qualquer outro tipo de conteúdo.

pop up para divulgar facebook no blog

O código para colocar a caixa de fãs flutuando sobre o blog é um pouco longo, mas são poucas alterações que você precisa fazer.

adicionar gadget de html/javascript no blogger


Entre na pagina layout, adicionar gadget, HTML/javascript e cole o código abaixo:

<style>/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#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;}
/*

User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#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(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(http://1.bp.blogspot.com/-PPvu-446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-31strss_1-E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/s1600/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(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/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;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#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://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/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:"400px", 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;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdicasparablogs&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>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.spiceupyourblog.com">Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">Blogger Widgets</a></p>
</div>
</div>


Você só precisa alterar o texto: Receive all updates via Facebook. Just Click the Like Button Below.

E também alterar o endereço da sua pagina de fãs do facebook neste trecho, mas você só vai modificar a parte dicasparablogs o restante das letras é parte do código:

facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdicasparablogs&amp;width=300

Sugerimos que faça um teste primeiro com o código do jeito que está e depois modifique o endereço da sua pagina de fãs nele, mas esse código mostra a caixa apenas uma vez por visita, ou seja, talvez para visualizar a segunda vez seja necessário excluir o histórico de internet para limpar o cache.

Vejam mais dicas para Facebook e Blogger:
Aplicativos do Facebook para Blogs e Sites - Social Plugins
Enviar Atualizações do Blog Automaticamente para o Facebook
Botão Curtir e Enviar do Facebook Juntos
7 Opções de Botões para Divulgar Blog e Conseguir visitas das Redes Sociais

E como vão notar na janela esse código não foi desenvolvido por nós apenas encontramos no site: Spice Up Your Blog e esperamos que gostem dessa dica e isso ajude a conseguir mais fãs e visitas nas suas paginas do facebook e do blogger.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

86 comentários:

  1. vlw a dica. rsrs'
    passando pra conferir as novidades. bjs flor.
    http://virersemlimites.blogspot.com.br/

    ResponderExcluir
  2. eu pensava que era dificil fazer isso mas foi muito facil

    ResponderExcluir
  3. Eu não sei o que seria de mim sem o dicas para blogs, muito obrigado.

    ResponderExcluir
  4. o tutorial e otimo, mas vale lembrar q pop-up costuma irritar alguns leitores e afastá-los do blog ou fechar a janelinha sem nem ler! ;)

    ResponderExcluir
  5. Fabiano,eu aqui de novo.
    Vou levar esta dica e pegar outras.
    Obrigada,lindo dia para você,bjs

    ResponderExcluir
  6. Bia
    cada um deve decidir se acha que vale a pena usar ou não esse pop up no blog.
    fiz o tutorial porque tive varios pedidos, mas concordo com você e não vou usar nos meus blogs.

    ResponderExcluir
  7. Lucas Natan
    acabei de responder seu email.

    obrigado pela sugestão

    ResponderExcluir
  8. Fabiano, você deve ter percebido que eu publiquei muitos comentários no seu BLOG sobre o AdSense, mas só que faz um mês que o AdSense não está exibindo anúncios no meu BLOG, mas a minha conta não foi desativada.


    * Meus ganhos alcançaram $ 113,09

    ResponderExcluir
  9. tem que procurar saber o motivo na pagina do adsense, veja se tem mensagens ou se falta completar algo no seu cadastro como numero de conta e coisas do tipo

    ou pode ver nas paginas de ajuda do adsense
    http://support.google.com/adsense/bin/answer.py?hl=pt-BR&answer=48182

    sobre alguma forma de contato para resolver o problema

    ResponderExcluir
  10. Os anúncios simplesmente sumiram e na página do AdSense só aparece "Seus ganhos estão retidos. São necessários algumas medidas para liberar seu saia pagamento"


    Não recebi email falando porque os ganhos sumiram,

    ResponderExcluir
  11. Desculpa pelo comentário anterior, mas depois que eu publiquei o comentário, eu lembrei que eu havia recebido um e-mail do AdSense (quando recebi o email eu não tinha entendido nada e não dei muita importância para o email), então eu pesquisei no meu hotmail e achei ele e li... Vou mostrar alguma parte do email:



    "Olá,

    Você recebeu este e-mail porque está
    usando o AdSense para domínios para
    gerar receita com seus domínios não
    desenvolvidos. Depois de avaliar os
    benefícios de nossa rede de parceiros,
    decidimos desativar o produto
    Domínios hospedados no Google
    AdSense. A partir de agora, domínios
    não desenvolvidos só serão veiculados
    através de nossa rede de distribuição
    do AdSense para domínios existente.
    Nossos registros mostram que 7 de
    seus domínios hospedados serão
    afetados por essa futura alteração,
    que seguirá a programação a seguir:
    21 de março: você não poderá mais
    criar novos domínios hospedados
    18 de abril: os domínios hospedados
    ficarão inativos, e não será mais
    possível gerar receita com eles
    27 de junho: os domínios
    hospedados não estarão mais
    disponíveis em contas do Google
    AdSense
    Para continuar gerando receita com
    seus domínios não desenvolvidos, você
    poderá migrar seu portfólio de
    domínios para um novo provedor de
    domínio reservado de sua preferência."


    Então o que eu fiz de errado?? Como faço para que voltem a exibir anúncios na minha página??

    ResponderExcluir
  12. esses seus dominios não tem conteudo? ou seja só usa para manter os endereços ocupados?

    nunca usei o adsense para dominios então não sei explicar sobre ele.

    ResponderExcluir
  13. Eu utilizo o AdSense para domínios para exibir anúncios na minha página, como o AdSense para domínios vai ser desativado; existe alguma outra forma para que exibam anúncios sem utilizar o AdSense para domínios??

    ResponderExcluir
  14. Os domínios que eu havia colocado era os do meu BLOG e o blogspot.com

    ResponderExcluir
  15. "nunca usei o adsense para dominios então não sei explicar sobre ele."

    Então qual você usa para gerar receita?

    ResponderExcluir
  16. Fabiano é para botar o que no lugar desta frase >> Receive all updates via Facebook. Just Click the Like Button
    eu so modifiquei o dicasparablogs e botei o meu e não pegou. mais quando botei o seu pegou normalmente..
    me ajuda

    ResponderExcluir
  17. daniblogger
    é para trocar a frase pelo texto que desejar é isso que aparece junto com a caixa.

    sobre não funcionar com o seu endereço veja se está usando a pagina de fãs, não é para usar o endereço do seu perfil.

    Marcos Vinicius
    eu também nunca usei o adsense para dominios.

    os dominios que tenho estão todos em uso, mesmo que seja apenas para colocar uns links para meu blog principal como é o caso do dicasparablogs.net.

    ResponderExcluir
  18. Ô Fabiano, já encontrei outras como essa, a única coisa que eu queria era que ela acompanhasse a barra de rolagem, tentei inúmeras vezes mas não consegui.
    Tem como?

    ResponderExcluir
  19. Diego Martins
    o que acompanhasse a barra de rolagem? quer dizer fixar fixa?

    ResponderExcluir
  20. sim não tem problema em hospedar o CSS e javascript em outro site

    ResponderExcluir
  21. Olá, Fabiano!
    Parabéns por tantas dicas incríveis!
    Infelizmente, esse código não está funcionando em meus blogs, nem trocando o "dicasparablogs" pelo nome de minha página e nem testando do jeito que está aí, sem mexer em nada :/
    Uso Google Chrome, Explorer e Mozilla, mas não dá em nenhum dos 3.
    Aliás, há tempos que não consigo editar o Design de Modelo de um de meus blogs e quando vou compartilhar algum post, na janela de compartilhamento sempre aparece abaixo do título um texto que não tem nada a ver com o que eu escrevi. E eu nunca escrevi o que aparece. Será que meu blog foi hackeado ou algo assim?
    Mas voltando ao código acima, ele não funciona em nenhum de meus blogs. Na verdade, não aparece nada, mesmo nos blogs que não estão com problemas.
    Pra terminar, será que só eu odiei esse novo esquema do blogger? Achei horrível!
    Novamente, parabéns pelo seu excelente trabalho!
    Obrigado!

    ResponderExcluir
  22. Matheus
    isso depende de qual código usou para o botão de compartilhamento.

    mas essa janela é com a pagina do seu blog no facebook e não o endereço do blog

    ResponderExcluir
  23. Tentei mais vezes e mesmo assim ela não ficou fixa fabiano, alguma parte sim, mas as outras ficam desordenadas ou somem... Como deixo ela fixa?

    ResponderExcluir
  24. Diego Martins
    mas essa caixa aparece ao entrar do blog ela não fica visivel ou seja ou a pessoa clique nela para seguir sua pagina ou fecha.

    ResponderExcluir
  25. Fabiano, eu falo algo fixo desse tipo:
    http://www.escolasites.com/

    Que não feche quando clica na parte preta, nem fica parado enquanto desce a página.

    ResponderExcluir
  26. Diego Martins
    não tenho aquele código, mas acho que não faz diferença ficar fixa ou não porque ninguém vai navegar na pagina com aquela janela por cima.

    ResponderExcluir
  27. 1 dica: Os visitantes odeiam quando aparece isso. A maioria deles nunca mais voltam ao blog.

    ResponderExcluir
  28. eu também não gosto de sites que usam esse recurso.

    publiquei o tutorial porque muita gente pergunta sobre isso e quem usa diz que dá bons resultados

    ResponderExcluir
  29. Olá fabiano tudo bom, gostaria de lhe fazer uma pergunta, este plugin você mesmo desenvolveu e achei muiito legal,estou fazendo um livro sobre otimização de sites e falo sobre blogs e nele contem plugins em HTML, gostaria de saber se você me dar autorização de pegar o seu plugin e colocar em meu livro.O plugin foi desenvolvido por você e não quero pegar sem ao menos lhe pedir permisão.

    e claro que irei colocar seu site no meu livro, pois o autor e desenvolvedor do plugin é você

    abraço

    ResponderExcluir
  30. daniblogger
    achei esse código pronto mas não sei dizer quem desenvolveu o código.

    pesquisei no google agora usando um trecho do código e aparecem 1940 resultados ou seja muita gente já postou esse código em sites, blogs, foruns e muito mais.

    ResponderExcluir
  31. Um..tendii

    Fabiano você conseguiu descobrir como coloca a aquelas janelas grande do facebook e twitter na lateral do blogger, vejo diversos blogs do wordpress com ele mais ainda não descobri como, procurei procurei e não encontrei ainda

    ResponderExcluir
  32. eu não consegui, eu não entendi quando você disse para alterar o texto: Receive all updates via Facebook. Just Click the Like Button Below. E também alterar o endereço da sua pagina de fãs do facebook neste trecho, mas você só vai modificar a parte dicasparablogs o restante das letras é parte do código:
    Gostaria da sua ajuda ok...abraços.

    ResponderExcluir
  33. esse texto Just Click the ....
    é o que aparece na caixa de fãs que mostramos no tutorial, então você pode trocar pelo que quiser por exemplo: siga nossa pagina no facebook

    a parte dicasparablogs é o endereço de nossa pagina no facebook então tem que trocar pelo endereço da sua pagina, mas todo o resto do endereço é igual só muda o nome da pagina por isso falamos para trocar somente o trecho dicasparablogs e não a url completa da pagina do facebook

    ResponderExcluir
  34. Prezado Fabiano

    Se puder nos ajudar agradecemos, pois temos um maldito popup (que não é de nosso perfil no FB) que abre do HUMORNOFACELIVRO é um inferno (abre 1 vez/dia) já revirei o código e não achei de onde pode estar vindo... se puder nos ajudar agradecemos imensamente...

    bjs e abraços

    Cris e Junior
    http://desejosefantasiasdecasal.blogspot.com.br

    ResponderExcluir
  35. Desejos e Fantasias de Casal

    tente lembrar quais alterações recentes fez no seu blog: adicionou algum gadget? mexeu no html? colocar javascript

    dentro de algum código tem embutido essa janela de divulgação.

    mas entrei no seu blog agora e não vi o tal pop up, não sei se você já resolveu o problema...

    ResponderExcluir
  36. Ainda continua abrindo aquele popup maldito... por favor nos ajude, isso está me deixando louco...

    abraços

    Cris e Junior
    http://desejosefantasiasdecasal.blogspot.com.br/

    ResponderExcluir
  37. Desejos e Fantasias de Casal eu entrei no seu site usando o firefox e internet explorer, visitei a pagina principal e depois paginas de postagens e não apareceu pop up.

    você já testou seu blog em outro computador?

    esse popup que você fala é desse tipo que mostramos na imagem deste tutorial?

    tente limpar o histórico de internet do seu computador pode ser um erro que só aparece para você.

    ResponderExcluir
  38. Boa noite, fiz tudo conforme manda aqui mas no meu Blog não funcionou .. o que pode ter acontecido?

    ResponderExcluir
  39. provavelmente é o endereço errado da pagina ou apagou algum detalhe por engano no codigo.

    ResponderExcluir
  40. AMIGO EU JÁ CONCERTEI A NUMERÇÃO DO FINAL DO ENDEREÇO DA PÁGINA FIZ EM UM BLOG DEU TUDO CERTO SÓ QUE FUI COLOCAR NO BLOG OFICIAL DO MESMO JEITO E É ATE O MESMO TEMPLATE MAIS NÃO ESTAR FUCIONANDO O QUE FÇAO ??

    ResponderExcluir
  41. veja se a configuração do feed está na opção completa.

    esse código de numeração apresenta alguns bugs que não tem como corrigir

    ResponderExcluir
  42. n consigo colocar ele =s eu coloco o nome do meu site que eu fis no facebook que é assim: Cs-jogos-e-Dicas mas neem aparece =s oque pode ser?

    ResponderExcluir
  43. Funcionou!
    Mais queria saber como eu coloco o código sem aparecer a imagem das pessoas que curtiram a página..

    ResponderExcluir
  44. Brruuno25 veja esse trecho do código:

    colorscheme=light&show_faces=true&border_color=%23ffffff&stream=fals


    onde está show_faces=true troque por:

    show_faces=false

    ResponderExcluir
  45. Ola equipe, estava procurando justamente isso pra por na minha loja virtual, sera possivel seu codigo? Creio que sim ne, mas tem que testar pra ver, mas a minha loja virtual está hospedada nessas empresas de revenda, igual essas que está na lista do Google. No qual eles nao permite acesso a head, entao o que me sugere?

    Aguardo

    Grata.

    ResponderExcluir
  46. se tiver acesso aos códigos dos do seu site então esse código deve funcionar.

    ResponderExcluir
  47. ótimo tutorial.... vc poderia fazer um tutorial dessa caixinha com a fã page e o feed de inscrição junto....^^

    ResponderExcluir
  48. Bertê vou fazer alguns testes e publicar um tutorial sobre isso.

    obrigado pela sugestão.

    ResponderExcluir
  49. Ai Fabiano Roberto onde eu coloco o meu endereço da minha pagina no Facebook?

    ResponderExcluir
  50. o endereço da sua pagina vai neste trecho do código:

    iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdicasparablogs&width=300

    está no final

    ResponderExcluir
  51. Ai Fabiano Roberto mim desculpe por mais um incomodo , mais é um endereço de cima ou de baixo ? que é para colocar o meu endereço

    ResponderExcluir
  52. a desculpa mais não tinha visto o que vc tinha falado que era o do fina l!! foi mal e muito obrigado !!!!

    ResponderExcluir
  53. no trecho acima só o dicasparablogs é o endereço da pagina o restante é endereço padrão do facebook.

    veja que está

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

    que é o endereço:

    http://www.facebook.com/dicasparablogs

    mas tem que colocar daquele outro jeito com os caracteres diferentes para funcionar no código

    ResponderExcluir
  54. Parabens amigo, pelo blog, essa postagem me ajudou muito, visite meu blogger ai http://baixadaconectada.blogspot.com.br

    ResponderExcluir
  55. Cara eu coloquei o código em meu site, mas não funcionou nao aparece nada alterei onde tinha o nome dicasparablogs para meu id do facebook pode dar uma olhada se quiser http://www.fort-filmes.blogspot.com.br/

    ResponderExcluir
  56. Luiz no código é para usar o nome da sua pagina de fãs no facebook e não o endereço do seu blog

    ResponderExcluir
  57. Como que eu Faço Para troca a Extensão ? tipo eu não gostaria q aparece-se o facebook, eu queria q aparece-se um player de musica do site www.hulkshare.com . tipo eu ia Adapta , fazer um Botão Permanente com uma Div

    img do botão
    Player da musica

    ResponderExcluir
  58. acho que no blog não tem como colocar a radio ou musica separadamente para não parar quando troca de pagina

    ResponderExcluir
  59. Fabiano, Eu coloco o endereço da pagina de fãs, quando abro o blog Aperece o Pop Up, Mais sem a minha pagina! oque eu faço?

    ResponderExcluir
  60. Rafael deve ter colocado o endereço errado da sua pagina de fãs no facebook (qualquer letra errado o código não funciona)

    esse tutorial é para sua pagina de fãs no facebook não é para usar o endereço do blog no código

    ResponderExcluir
  61. No Meu Blog Não Esta Funcionando o Que Esta Qciontecendo ?

    ResponderExcluir
  62. Oi amigo, em primeiro lugar quero parabenizar pelo seu trabalho super inteligente, de ensinar nos blogueiros de primeira viagem, sou iniciante e nao entendo nada, mas o modo como vc explica é facil, porem somente um que estou tentando colocar é a janela popup da fanpage eu altero mas fica em brando, vc pode me auxiliar!!! Muito obrigada

    ResponderExcluir
  63. Danielle uma coisa que muita gente erra é na hora de colocar o endereço da pagina neste trecho do código:

    facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdicasparablogs&width=300



    aqui onde está dicasparablogs não é por causa do endereço do blog mas por causa do endereço da pagina no facebook que é:

    https://www.facebook.com/dicasparablogs


    ResponderExcluir
  64. Boa noite Fabiano, esse código é exatamente o que procuro, mas a popup fica em branco apenas a mensagem de clique â baixo está aparecendo. Minha página no face é essa: http://www.facebook.com/pages/Militia-Team-Power/317452608357522 Eu substituir no codigo o dicasparablogs por Militia_Team_power mas não dá certo,
    pode me ajudar?

    ResponderExcluir
  65. deveria ser esse trecho: Militia-Team-Power/317452608357522

    mas se não der certo deve ser por causa da numeração no final que você só pode editar e retirar quando tiver mais fãs na sua pagina

    ResponderExcluir
  66. não funcionou no meu blog. Por quê? Coloquei o nome certo, mesmo assim não fuciona.

    ResponderExcluir
  67. talvez tenha algum código gerando conflito.. mas é difícil saber o motivo.. .é necessário verificar os detalhes até descobrir o problema

    ResponderExcluir
  68. Fiz o teste agora, sem alterar como você falou...
    Não funcionou...

    www.sthefanydejorge.com

    ResponderExcluir
  69. só resta verificar os detalhes no codigo...
    apagou alguma letra por engano..
    endereço correto da pagina ..

    ResponderExcluir
  70. ja coloquei no meu blog ficou muito bom

    ResponderExcluir
  71. Ainda não consegui! A fan é: https://www.facebook.com/pages/SAT-Serralheria-Art%C3%ADstica-Tarcizo/110521765707367

    E o blog: http://www.satsgbr.blogspot.com.br/

    Ajuda, ajuda, ajuda....

    ResponderExcluir
  72. SATSG.COM você precisa editar sua pagina no facebook para retirar aquela numeração no final do endereço senão o código não funciona

    ResponderExcluir
  73. Memórias de uma Guerreira

    deve ter faltado alguma letra no hora de alterar o código com o seu endereço, se apagar ou colocar qualquer letra ou sinal ele não funciona.

    ResponderExcluir
  74. Gostaria que as instruções fossem mais didáticas....

    ResponderExcluir
    Respostas
    1. infelizmente alguns códigos são complicados e não tem como resumir, mas apesar do tamanho são poucas coisas que precisa modificar nele.

      Excluir