Janela com box de curtir a fanpage que surge ao sair do blog

em 14 de junho de 2016

Janela com box de curtir a fanpage que surge ao sair do blog

Semana passada ensinei aqui no blog uma janela pop up para assinar o feed que aparece ao sair do blog.

Hoje, conforme prometido, vou mostrar como aplicar o mesmo princípio para exibir uma janela pop up para curtir a sua fanpage.
Relembre o tutorial anterior:
http://www.elainegaspareto.com/2016/06/janela-pop-up-para-assinar-feed-ao-sair.html

Hoje vamos aprender como deixar a caixa de curtir a fanpage assim:


Demonstração do tutorial


Vamos aprender?
Para começar você precisa, claro, ter uma fanpage.
Não serve perfil, é fanpage, ok?
Fanpage existe? Ótimo, vamos ao tutorial da janela pop up para curtir a fanpage.
Abra a página com os códigos a serem copiados e mantenha-a aberta.


Copiar os códigos


Instalando a janela pop up


Vá ao painel de seu blog e clique na aba Modelo.
A seguir clique em Editar HTML e dentro da caixa de código tecle Ctrl+F.
Na barra de busca que aparecer digite </head> e tecle Enter para localizar.
Acima de </head> cole o Código Javascript.
Salve.

Agora localize </body> e cole acima dele o Código HTML.
Nesse código está a alteração mais importante: onde você lê ElaineGaspareto, que é o nome da minha fanpage, coloque o nome da sua fapage.
Não esqueça, isso é indispensável!
Se desejar altere também o texto Curta nossa fanpage!
Salve.

Agora localize isso:



E acima dessa tag cole o Código CSS.
Nesse código estão os comandos que definem cor, tipo de fonte, cor de borda, etc...
Deixei marcado no código as áreas editáveis, altere se desejar.
Lembre: qualquer alteração na aparência da janela é por sua conta e risco e requer um conhecimento ao menos básico em CSS.
Feitas as edições, salve.
Se tudo deu certo sua janela pop up para curtir a fanpage está aparecendo, linda e eficiente.

Gostou?
Clique em Compartilhar ao final do post!
Assim você me ajuda e ajuda outras pessoas!
Tanks!


*Imagem que ilustra o post: http://www.shutterstock.com/

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

16 comentários , comente também!

  1. ONDE COLOCA O LINK DA FANPAGE, AFF TU N EXPLICA :(

    ResponderExcluir
    Respostas
    1. Você leu o tutorial inteiro ou só passou os olhos?
      Se ler e reler tenho certeza que achará a informação porque acredite, ela está lá :)

      Excluir
    2. Não leu! O meu deu super certo! Obrigada!

      Excluir
  2. Olá Elaine, por onde posso entrar em contato com vc melhor para eu lhe explicar sobre alguns problemas q estou tendo com o meu blog e queria muito a sua ajuda!!

    ResponderExcluir
  3. li, acho que fiz tudo certo, mas nao deu ceto kkk

    ResponderExcluir
  4. Cara como sou burra... fiz tudo como mandou mas n aparece a page kkkkk help

    ResponderExcluir
  5. Oi Elaine, deixando aqui meu imenso obrigado pelas suas postagens e seu blog, seu trabalho é lindo, creio que 70% do que usei em meu blog, tirei daqui das suas dicas,ajudou-me muito mesmo, obrigado :-)
    Dá uma olhadinha lá, ele ainda é bem incipiente, voltado para concursos públicos, mas, daqui a algum tempo, quem sabe já esteja perto do que é o seu lindo trabalho, abraços!

    https://curumimconcurseiro.blogspot.com.br/

    ResponderExcluir
  6. Caramba, muito fácil!
    Você é dez..Logo logo te contrato pra deixar meu site melhor!

    ResponderExcluir
  7. Uhuuul Consegui :D
    Deu super certo!

    Obrigada Elaine
    :*

    www.acheierabisquei.com.br

    ResponderExcluir
  8. Gostei muito que Deus ali proteja grandemente

    ResponderExcluir
  9. Elaine, tem que colocar a URL ou só o nome? Já coloquei e está dando que não é uma URL válida, o que pode estar acontecendo?

    ResponderExcluir
    Respostas
    1. Carol, só o nome, exatamente como expliquei. Sem http, só o nome :)

      Excluir
  10. Elaine No meu blog desapareceu um elemento acessa & veija www.rick-musik.tk

    ResponderExcluir
  11. Muito obrigado pela dica Elaine, seu blog é top, fiz tudo como explica no tutorial, mas a caixa popup aparece de instante em instante e não ao sair do blog.

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…