Box pop up para curtir a fanpage (instalação simples)

em 22 de agosto de 2016

Box pop up para curtir a fanpage (instalação simples)

Há, aqui no blog, alguns tutoriais que ensinam como colocar o box (ou caixa) de curtir a fanpage do Facebook.
Sabe o que é?
É aquela caixa (ou box) que aparece no centro da página quando acessamos um site ou blog e à partir dela podemos curtir a fanpage do blog ou site.
Como eu disse tem alguns tutoriais aqui no blog que ensinam como fazer.
E todos funcionam lindamente, mas têm o inconveniente de precisar editar o código fonte do template para instalar.
E muita gente se sente insegura em fazer isso.
Daí, mexe e remexe, achei esse jeito de instalar a caixa sem precisar editar o código fonte do template.
Olha:


Demonstração do tutorial


Será apenas um passo, inserir o código como gadget HTML/JAVASCRIPT e tá feito.
Vamos fazer?
Então, vamos!

Para começar você precisa, claro, ter a fanpage de seu blog criada.
Acesse-a. Deixe a página aberta.
Agora vá ao painel do seu blog e clique na aba Layout.
A seguir clique em Adicionar um gadget e escolha a opção HTML/JAVASCRIPT .
Dentro da caixinha que expandir cole esse código:


Copiar o código


Agora preste atenção às dicas essenciais!

1- Onde está escrito elainegaspareto coloque o nome de sua fanpage, aquele nome que aparece no navegador, entende? Por isso pedi pra deixar a página de sua fanpage aberta, para copiar de lá. Algumas fanpages têm nome, outras números. Copie o que aparece depois da barra, assim: https://www.facebook.com/ElaineGaspareto

2- Claro, só serve fanpage. Perfil não gera box de curtir, você sabe...

3- As cores e fontes podem ser editadas mas nem vou entrar nesses detalhes porque só recomendo que mexa se tiver um conhecimento mínimo em CSS.
Cores são alteradas sempre pelo código hexadecimal precedido de #.

4- Altura e largura são alteradas trocando os valores em height (altura) e width (largura).
De novo, a recomendação: só mexa se souber o que está fazendo.
Deixei de um modo que não precisa editar, é instalar e ser feliz!

Importante:

Essa caixa usa cookies, ou seja: ela só aparecerá de 7 em 7 dias por IP.
Aqui o trecho que define os cookies:

$.cookie('popup_user_login', 'yes', {
            path: '/',
            expires: 7

Se quiser alterar esse tempo mude o número 7 para a quantidade de dias que desejar.
Se quiser que a caixa abra sempre troque yes por no.
Mas pense bem para não ficar chato para o leitor :)



Gostou?
Ficou facinho, né?
Enjoy!



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.

4 comentários , comente também!

  1. Elaine, você é a melhor!
    Suas dicas valem ouro...

    Beijos
    Fran
    Achei e Rabisquei

    ResponderExcluir
  2. Elaine,estou levando.
    Linda semana para vocês,beijos

    ResponderExcluir
  3. Poxa, eu não consegui colocar no meu, não sei porque :/

    ResponderExcluir
  4. No meu também não funcionou. Mas como o artigo diz que há outros códigos, vou procurar. Parabéns, esse blog é muito útil!

    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…