Facebook like box pop-up

Como adicionar Facebook Pop-Up Como Box Em seu site e blog

Como adicionar Facebook Pop-Up Como Box Com Auto Fechar

Eu sei que é muito chato de ver qualquer coisa estalando fora do site, mas ainda Facebook pop-up como a caixa é uma boa maneira de aumentar a sua página no Facebook gostos. Há duas maneiras diferentes de adicionar-lo em seu website, um é para codificar caminho que leva pouco esforço e um outro que é mais fácil que você

Uso aqui  algumas vezes uma janela de fãs do Facebook que aparece logo quando o visitante chega na página, convidando-o para curtir nossa página no Facebook. É uma boa estratégia, um tanto quanto invasiva, mas eficiente para gerar mais seguidores e mais cliques de “Curtir”. Vou ensinar como fazer uma para o Blogger que não vai ficar incomodando seus visitantes.

Já tratamos aqui da importância de seu blog ter um página no Facebook, o que é diferente de um perfil pessoal. Para esse tutorial funcionar você precisa ter uma página do Blog no Facebook. Se não sabe como criar uma, nós te ajudamos.

O que vamos ensinar é como colocar um pop-up que abra na tela do Blog com a caixa de fãs do Facebook, sugerindo ao visitante que clique para “Curtir” sua página. Algo como no exemplo da imagem abaixo ou clicando no link para ver funcionando:

O melhor desse recurso é que a janela só aparecerá uma única vez para o visitante até que ele limpe o cache do navegador, o que deixa o pop-up menos “chato”.

Esse recurso é em jQuery, baseado no Lightbox, modificado pelo Jack Moore, que chama “ColorBox”. Foi adaptado para o Blogger pelo Paul Crowe e eu mesmo fiz algumas alterações para tornar o código mais básico.

 

pode fazer através da instalação de widget simples.

Você pode adicionar código a seguir para o seu

<script src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type = "text / javascript"></escrita> <estilo> #fanback { display:nenhum; fundo:rgba(0,0,0,0.8); largura:100%; altura:100%; posição:fixo; topo:0; esquerda:0; z-index:99999; } #fan-saída { largura:100%; altura:100%; } #fanbox { fundo:branco; largura:420px; altura:270px; posição:absoluto; topo:58%; esquerda:63%; margem:-220px 0 0 -375px; -webkit-box-shadow: inserção 0 0 50px 0 #939393; -moz-box-shadow: inserção 0 0 50px 0 #939393; box-shadow: inserção 0 0 50px 0 #939393; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margem: -220px 0 0 -375px; } #fanclose { flutuador:certo; cursor:apontador; fundo:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repita; altura:15px; preenchimento:20px; posição:relativo; padding-right:40px; margin-top:-20px; margin-right:-22px; } .remova-borda { altura:1px; largura:366px; margem:0 automático; fundo:#F3F3F3; margin-top:16px; posição:relativo; margin-left:20px; } #Links a.visited,#Ligações um,#Ligações um:flutuar { cor:#80808B; tamanho da fonte:10px; margem: 0 auto auto 5px; flutuador:centro; } </estilo> <script type = "text / javascript"> //<![CDATA[ jQuery.cookie = function (chave, valor, opções) { // chave e, pelo menos, valor dado, cookie definido ... E se (arguments.length > 1 && Corda(valor) !== "[object Object]") { options = jQuery.extend({}, opções); E se (=== valor nulo || === valor indefinido) { options.expires = -1; } E se (typeof options.expires === 'número') { dia var = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + dias); } value = Corda(valor); Retorna (document.cookie = [ encodeURIComponent(chave), '=', options.raw ? valor : encodeURIComponent(valor), options.expires ? '; expira =' + options.expires.toUTCString() : '', // uso expira atributo, max-idade não é suportado pelo IE options.path ? '; path =' + options.path : '', options.domain ? '; domain =' + options.domain : '', options.secure ? '; seguro' : '' ].Junte-se('')); } // tecla e, possivelmente, dada opções, obter bolinho ... options = valor || {}; var result, decodificação = options.raw ? função (s) { retorno s; } : decodeURIComponent; Retorna (resultado = new RegExp('(?:^|; )' + encodeURIComponent(chave) + =([^;]*)').exec(document.cookie)) ? decodificar(resultado[1]) : nulo; }; //]]> </escrita> <script type = "text / javascript"> jQuery(documento).pronto(função($){ E se($.bolacha('Popup_user_login') != 'Yes'){ $('#fanback').atraso(100).fadeIn("Médio"); $('#fanclose, #fan-saída ').clique(função(){ $('#fanback').Pare().fadeOut("Médio"); }); } $.bolacha('Popup_user_login', "Sim", { caminho: '/', expira: 7 }); }); </escrita>

Mais fácil Way Widget

Maneira mais fácil é instalar qualquer desses widgets em seu site wordpress –

Se você estiver usando qualquer outra forma, então por favor deixe-nos saber.

One comment

  1. Hi there, i read your blog occcasionally annd i own a similar one and i was just wondering if you get a lot of spam responses?
    If so how do you reduce it, any plugin or anything you cann advise?
    I get so much lately it’s driving me crazy so any assistancce is very much appreciated. https://kasino.games/home/ntc33

Leave a Reply

O seu endereço de email não será publicado. Campos obrigatórios marcados com *