Facebook Like Popup

[AiroN]

Olá, pessoal! Venho compartilhar com vocês o meu script de Facebook Like Popup.

Versão 2.0 (atualizada em 16/03/2016)

 

Preview:

 

Instruções:

O script é bem fácil de mexer. Ele precisa dos arquivos:

• estilos.css
• js/jquery-1.12.0.min.js
• js/jquery.cookie.js
• imgs/fanbg.png
• imgs/fanclose.png

 

Dessa vez facilitei muito a vida de vocês...

 

 

Basta inserir o link da página e a configuração "de quantos em quantos dias é para aparecer". Se inserir "3", por exemplo, o popup vai aparecer 3 dias após a última vez que ele apareceu pro usuário.

 

 

Link para download:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

Gostou? Dá uma curtida na página da

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

e na do

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

vai... :D

 

 

Versão Antiga:

Preview:




Download:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

Como inserir em seu site:

1°) Mova os arquivos "bg.png", "fanclose.png" e "jquery.cookie.js" para a raiz(diretório inicial) de seu site.

2°) Abra o arquivo "index.php" do seu site ou o que ele utiliza como arquivo principal do layout, procure por "</head>" e insira antes da tag "</head>" o seguinte código:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

3°) Procure por "<body" e insira na linha abaixo dela o seguinte:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

4°) Onde tem $pagelike = "http://www.facebook.com/L2JBrasil"; substitua pelo url/link de sua página.

5°) Curta

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

,

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

, dê três pulinhos e grite "AiroN é foda!". Pronto, script funcionará perfeitamente!

"Um beijinho praas meninas, um abraaço pros irmão!" ♪♫

Como funciona e como alterar:

Para que não seja algo chato, abrindo toda semana esse quadrinho(popup) de curtir, ele abre 7 dias depois da última visita do usuário.
Cada vez que eu visito o site o tempo é alterado para + 7 dias. Para usuários que visitam o site frequentemente, esse popup dificilmente abrirá duas vezes. Mas, se eu ficar mais de 7 dias sem visitar o site, na próxima vez que eu visitar o popup abrirá novamente.
Deu para entender?


Para alterar a quantidade de dias, basta mudar nesta parte do código:

 

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

É só colocar a quantidade de dias onde está destacado em vermelho.

Se quer que o popup abra de 7 em 7 dias exatos, dispensando a questão da "última visita", altere a posição da }, assim:

ANTES:

jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});

DEPOIS:

jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
}
});

 

Se quer que o tempo seja em minutos ou horas:

TROQUE ISSO:

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

POR ISSO:

var l2jbrdate = new Date();
var minutos = 30;
l2jbrdate.setTime(l2jbrdate.getTime() + (minutos * 60 * 1000));
$.cookie('popup_user_login', 'yes', { path: '/', expires: l2jbrdate });

No exemplo acima está 30 minutos.
Se quer 1 hora, coloque 60.
2 horas = 120
3 horas = 180
e assim sucessivamente...

Dúvidas? poste ai!

 

Editado Março 16, 2016 por AiroN
Atualizando 2.0

[warneverto]

cara tava muito tempo atras , obrigado por compartilhaaaaaaaaaaaaaaaaa! curtido *-*

[Caio-BrLegends]

Magnifico Ramon..

Obrigado por dividir com nos esse script *------* ..

 

//edit

 

que pena que não sei adicionar :S

alguém quer me ajudar kk ?

Editado Janeiro 13, 2013 por Caio-BrLegends

[Torneto Valak]

só curti por que é o AiroN... mo tempo que não vejo AiroN postar algo.

[LucasDesigner]

Ta Precisando Muito Bom.

Editado Janeiro 13, 2013 por lovepako

[Scotti]

Muito bem desenhado...parabéns AiroN, tive que vir parabenizar por que faz alguma década que tu não posta nada! hehe

[Dirty]

Muito bom, poderia ensinar como colocar ?

[SHEV]

opa ai sim em :wink:

[danielle]

Venho aqui compartilhar com vocês um script que está sendo bastante utilizado por diversos sites na net, é o Facebook Like Popup, um popup para curtir sua página que surge quando o usuário visita seu site.

 

Preview:

 

 

 

 

Download:

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

enina colocar amigao?

[bree]

Show de bola em, muito bom :P.

Editado Janeiro 13, 2013 por - Sub Zero -

[Bluur]

Show de mais :wink:

[-Zero3Um-]

realmente...

Que design em? rs

[Kaio Reia ?]

Tinha um tempo que pedi ao AiroN esse like popup .. Pensei que não iria postar :)

Editado Janeiro 13, 2013 por KaiiO=

[AiroN]

Não foi eu que fiz não pessoal, rs. Eu tinha esse script aqui e apenas resolvi compartilhar com vocês, pois vejo que tem muito nego interessado nele.

 

Agora eu tou de saída, depois ensino como colocar no site.

 

vlw!

[𝕵𝖔𝖍𝖓𝖆𝖙𝖆]

tava procurando vlw @AiroN

[djnain]

vlw meses procurando esse script

[Sr.Felipe]

alguem poderia me dizer o que fazer para poder usalo?

[157]

- Não Entendi :S'

[Marcell_xD]

Tava procurando por isso :D

[leandroslim]

manero, o cara posta e não ensina como usa, ¬¬

[AiroN]

Pronto, como prometido, editei o post e coloquei "como inserir em seu site".

sigam à risca os passos!! :lala:

[lOrpheuSl]

Emo postou o PopUp que fez pra min? kkkkkkkkkkkk'

 

#zuando

[AtitudeFodex]

Tava Procurando Essa Pag. do Face para colocar em meu Site ...

 

Gracias AiroN :D

[KALIGULA]

Consegui colocar em meu site, mas só aparece pra curti a L2JBrasil, quando mudo para curti a minha pagina some

o LIKE BOX.

[Leandro-Souza]

Mt top =)