Colocar Facebook Popup Como Box no Blogger.

Andrea Jesus
Ola minhas amoras e meus amores, td bem meu lindos.?? Espero que sim.
Hoje eu quero passar esse Tutorial pra vocês que fiquei procurando no google hoje, meninas achei vários tutoriais mais nenhum funcionou como desse site.
Não ha nada melhor do que alguém visitar seu Blog, e ja abri sua pagina do Facebook pra Curtir, é coisa linda não é.. kkk liga não acho tudo lindo..
Então vamos ao que interessa.
Os créditos vai para o Blogger Helplogger
Segue Demonstração aqui do site ABAIXO.



CLIQUE AQUI PRA DEMONSTRAÇÃO
O MEU NÃO TEM MAIS TINHA NO ANTIGO LAYOUT
MAS ADCIONEI O DO SITE DO TUTORIAL PARA DEMO

COMO ADICIONAR O FACEBOOK POPUP  COMO BOX WIDGET.

1- Faça login na sua conta Google do Blogger, meus amores, selecione seu blog, e ir em layout, adicionar um Gadgets, "link do lado direito".
2-Quando a janela abir, selecione HTML/Java script da Lista.
3-Copei e cole o código e só altere o que for falado.




4- Salve, depois salvar organização e visualizar no seu Blog.

QUER PERSONALIZAR?? VAMOS LA.

Depois de Adicionar o Gadgets, substitua a pagina do  Facebook da Helplogger pelo seu, https://www.facebook.com/pages/Helplogger/120574614736021
pela da sua pagina e salve.

O meu não tem esse código aqui $ .cookie ('Popup_facebook_box', 'sim', {caminho: '/', expira: 7});, eu removi por indicação do site pra quem quisesse, pq se a pessoa visita sua pagina uma vez, ai não aparece mais, então eu preferi retirar, pra sempre aparecer.

O Widget depois de 5 segundos que carregou a pagina ele aparece, se você quer mudar isso, altere para um numero menor ou maior.
Altere esse código .delay(5000), eu mudei o meu pra (2000).

RECOMENDAÇÃO DO SITE
Depois de salvar seu trabalho, você pode testar seu novo recurso, retorna quando um posts antigos que devem trazer um pequeno widget de pop-up perguntando se você gostaria de se juntar a página do facebook do site. Se você não  o Facebook como caixa na página, você pode precisar excluir os cookies ouconfira a seção de'Personalização' acima para ver se exibi o widgettoda vez que um usuário visita seu site.

Espero que tenham gostado, eu amei, quando encontrei no site.
Beijos e Abraços com Fé amoras e amores.. Até Amanhã.

Compartilhe o Amor...

38 comentários:

  1. Sempre quis saber como o pessoal colocava este popup,adorei a dica Andrea :)
    Beijos!

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  2. Essa opção é ótima mesmo
    Quando iniciei meu blog aprendi em outro site mas o importante é tentarmos até dar certo.
    Bjs.

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  3. Todo período entre janeiro e março eu coloco essa opção no blog. ajuda muito nas curtidas e é um período que o pessoal acessa mais descansado quando o faz! Legal sua dica para o pessoal Andrea.
    ✡✡Blog: Atellier Com Mãos de seda ✡✡
    ✡✡Fan Page do Blog✡✡
    ✡✡Participem de nosso Grupo✡✡

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  4. Hummmm, isso é muito bom, nem preciso dizer que vou testar né? rsrs
    Amei essa dica Andréa!

    Bjos
    Minda

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  5. Este comentário foi removido pelo autor.

    ResponderExcluir
  6. oi!!
    Adorei sua dica, sempre quis ter mas não sabia colocar :D
    Vou seguir sua explicação e colocar ;)
    Bjo

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  7. amei a dica, eu queria saber como fazer isso faz tempo, obrigada por ensinar
    beijos

    Cris Artigos Femininos
    Canal

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  8. Ola
    Gostei do tutorial, apesar de não gostar desse tipo de html.

    beijinhos

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  9. Gostei da aula, rsrsrs
    Tenho vontade de colocar, mas meu marido é quem mexe no blog, então se ele não fizer eu deixo pra lá...
    Sempre falo que o Like é dele

    beijos

    Mari do Like a Make
    http://www.likeamake.com

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  10. Muito legal essa dica, acho que o meu não tem, mas vou verificar. bjs amiga Feliz Ano Novo.

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  11. muito boa dica Andrea, sou Wordpress, mas vai ser muito proveitoso para quem tem blogger, beijos

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  12. Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  13. Adoreiii a dica!!!
    Muita gente tem essa dúvida.
    E é bem fácil!
    curti
    bju

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  14. Oi Andreia,gostei muito da dica,essa achei mais fácil amiga.
    Grata por partilhar conosco essas dicas,esta ajudando muito.
    Bjsss

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Ele é seu. Obrigada pela visita Bjs.

      Excluir
  15. Amei, é claro que vou usar a dica valeu mesmo ter ajudado. Muitas pessoas devem querer

    ResponderExcluir
  16. Querida você esta arrasando nos tutoriais parabéns..Eu sempre desejei colocar no meu blog mas achei melhor nao..

    www.studiocriativoarteemeva.blogspot.com

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Obrigada pela visita Bjs.

      Excluir
  17. Adoro tutoriais assim, facilita nossa vida e deixa nosso cantinho mais aconchegante!

    Beijos
    www.mariaulhoa.com

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Obrigada pela visita Bjs.

      Excluir
  18. Olá Andrea tudo bom? que tudo essa dica eu adorei, beeijos e ótimo fim de ano =*

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Obrigada pela visita Bjs.

      Excluir
  19. Dea, adorei a dica.
    Estou sempre em busca de tutoriais para dar uma incrementada no blog, mas a maioria não funciona :(

    Obrigada por ter ido em busca de um que realmente dá certo e ter dividido com a gente heheh

    Acho que no próximo mÊs mudo o layout do blog, então todos os htmls são bem vindos :D

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Obrigada pela visita Bjs.

      Excluir
  20. Oi amada! Que legal sua postagem, eu lembro que quando coloquei o meu, foi um trabalhooooooooo e demorei para achar como fazer na net! Beijos

    ResponderExcluir
    Respostas
    1. Volte sempre ao meu cantinho.
      Obrigada pela visita Bjs.

      Excluir

Ola meus Amores, fico feliz que veio visitar o meu blog.
Espero que tenha gostado. Deixe o seu comentario.
Em breve respondo a todos. Beijos

Blog Andrea Jesus © Copyright 2015 | Design by Claudinei Felipe